.ant-modal {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 100px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 24px;
    pointer-events: none
}

.ant-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ant-modal-title {
    margin: 0;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.ant-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: auto
}

.ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, .45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.ant-modal-close-x {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.ant-modal-close:focus,
.ant-modal-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.ant-modal-header {
    padding: 16px 24px;
    color: rgba(0, 0, 0, .65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0
}

.ant-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word
}

.ant-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: transparent;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px
}

.ant-modal-footer button+button {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal.zoom-appear,
.ant-modal.zoom-enter {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    filter: alpha(opacity=50)
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-open {
    overflow: hidden
}

.ant-modal-centered {
    text-align: center
}

.ant-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.ant-modal-centered .ant-modal {
    top: 0;
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

@media (max-width:767px) {
    .ant-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto
    }

    .ant-modal-centered .ant-modal {
        flex: 1
    }
}

.ant-modal-confirm .ant-modal-header {
    display: none
}

.ant-modal-confirm .ant-modal-body {
    padding: 32px 32px 24px
}

.ant-modal-confirm-body-wrapper {
    zoom: 1
}

.ant-modal-confirm-body-wrapper:after,
.ant-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.ant-modal-confirm-body-wrapper:after {
    clear: both
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 8px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px
}

.ant-modal-confirm-body>.anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-left: 38px
}

.ant-modal-confirm .ant-modal-confirm-btns {
    float: right;
    margin-top: 24px
}

.ant-modal-confirm .ant-modal-confirm-btns button+button {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
    color: #f5222d
}

.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,
.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon {
    color: #faad14
}

.ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
    color: #1890ff
}

.ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
    color: #52c41a
}

.ant-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    display: none;
    color: #1890ff;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 5px;
    text-shadow: 0 1px 2px #fff
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
    padding-top: 2px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
    padding-top: 11px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative;
    transition: opacity .3s
}

.ant-spin-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none\9;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .3s;
    content: "";
    pointer-events: none
}

.ant-spin-blur {
    clear: both;
    overflow: hidden;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.ant-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ant-spin-tip {
    color: rgba(0, 0, 0, .45)
}

.ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #1890ff;
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation: antSpinMove 1s linear infinite alternate
}

.ant-spin-dot-item:first-child {
    top: 0;
    left: 0
}

.ant-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    animation-delay: .4s
}

.ant-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: .8s
}

.ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    animation-delay: 1.2s
}

.ant-spin-dot-spin {
    transform: rotate(45deg);
    animation: antRotate 1.2s linear infinite
}

.ant-spin-sm .ant-spin-dot {
    font-size: 14px
}

.ant-spin-sm .ant-spin-dot i {
    width: 6px;
    height: 6px
}

.ant-spin-lg .ant-spin-dot {
    font-size: 32px
}

.ant-spin-lg .ant-spin-dot i {
    width: 14px;
    height: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ant-spin-blur {
        background: #fff;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.674f50d2.eot);
    src: url(../fonts/fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.af7ae505.woff2) format("woff2"), url(../fonts/fontawesome-webfont.fee66e71.woff) format("woff"), url(../fonts/fontawesome-webfont.b06871f2.ttf) format("truetype"), url(../img/fontawesome-webfont.912ec66d.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    animation: fa-spin 1s steps(8) infinite
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.client-title-pc {
    font-size: 35px;
    line-height: 35px;
    color: #484652;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 40px
}

.subscription {
    border: 1px solid #dee2e8;
    box-shadow: 0 2px 3px 0 rgba(7, 33, 85, .122);
    border-radius: 8px;
    border-top: 2px solid #3963ef;
    display: flex;
    flex-direction: column;
    margin-top: 23px;
    margin-bottom: 40px
}

.subscription .subscription__title {
    padding-top: 16px;
    padding-left: 20px;
    color: #242c45;
    font-size: 16px;
    line-height: 22px
}

.subscription .subscription__addr {
    flex: 1;
    padding: 16px 20px 12px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9da3b9;
    font-size: 14px;
    position: relative
}

.subscription .subscription__addr .addr-mask {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    opacity: .9
}

.subscription .subscription__addr .addr-mask .view-icon {
    color: #616578;
    font-size: 18px;
    width: 18px;
    height: 12px;
    background: url(../img/ic-eye.f4671d38.svg) 50% no-repeat;
    background-size: contain
}

.subscription .subscription__addr .addr-mask .exclamation-circle {
    width: 14px;
    height: 14px;
    background: url(../img/ic-exclamation-circle.ffb08f30.svg) 50% no-repeat;
    background-size: contain
}

.subscription .subscription__addr .addr-mask .view-tip {
    color: #616578;
    font-size: 14px;
    margin-left: 6px;
    cursor: pointer
}

.subscription .subscription__opt {
    height: 48px;
    background: #f5f7fc;
    position: relative
}

.subscription .subscription__opt,
.subscription .subscription__opt .opt-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px
}

.subscription .subscription__opt .opt-btn {
    width: 50%;
    height: 100%;
    color: #616577;
    cursor: pointer
}

.subscription .subscription__opt .opt-btn:hover {
    color: #3963ef
}

.subscription .subscription__opt .vertical-border {
    border-right: 1px solid #dee2e8
}

.subscription .subscription__opt .btn-active {
    color: #3963ef;
    cursor: pointer;
    font-size: 14px
}

.subscription .subscription__opt .btn-active:hover {
    color: #3257d2
}

.subscription .subscription__opt .btn-inactive {
    font-size: 14px;
    color: #3963ef;
    opacity: .2;
    cursor: not-allowed
}

.subscription .subscription__opt .hidden-tooltip {
    display: none
}

.subscription .subscription__opt .tooltip-content .tooltip-arrow {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    overflow: hidden
}

.subscription .subscription__opt .tooltip-content .tooltip-arrow .arrow-inner {
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, .75);
    transform: rotate(45deg);
    top: -3px;
    left: 3px
}

.subscription .subscription__opt .tooltip-content .tooltip-inner {
    position: absolute;
    font-size: 14px;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.subscription .qrcode-box {
    margin: auto;
    padding: 24px 0
}

.subscription:hover {
    box-shadow: 0 6px 24px 0 rgba(7, 33, 85, .122)
}

.subscription-mb {
    border: 1px solid #dee2e8;
    box-shadow: 0 .027rem .04rem 0 rgba(7, 33, 85, .122);
    border-radius: .107rem;
    border-top: .053rem solid #3963ef;
    display: flex;
    flex-direction: column;
    margin-top: .307rem;
    margin-bottom: .533rem
}

.subscription-mb .subscription__title {
    padding-top: .427rem;
    padding-left: .427rem;
    color: #242c45;
    font-size: .427rem;
    line-height: .6rem
}

.subscription-mb .subscription__addr {
    flex: 1;
    padding: .32rem .267rem .267rem;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9da3b9;
    font-size: .373rem;
    position: relative
}

.subscription-mb .subscription__addr .addr-mask {
    position: absolute;
    left: .267rem;
    right: .267rem;
    top: 0;
    bottom: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    opacity: .9
}

.subscription-mb .subscription__addr .addr-mask .view-icon {
    color: #616578;
    width: .44rem;
    height: .293rem;
    background: url(../img/ic-eye.f4671d38.svg) 50% no-repeat;
    background-size: contain
}

.subscription-mb .subscription__addr .addr-mask .exclamation-circle {
    width: .373rem;
    height: .373rem;
    background: url(../img/ic-exclamation-circle.ffb08f30.svg) 50% no-repeat;
    background-size: contain
}

.subscription-mb .subscription__addr .addr-mask .view-tip {
    color: #616578;
    font-size: .373rem;
    margin-left: .16rem;
    cursor: pointer
}

.subscription-mb .subscription__opt {
    height: 1.173rem;
    background: #f5f7fc;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .373rem;
    position: relative
}

.subscription-mb .subscription__opt .opt-btn {
    width: 50%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .373rem;
    color: #616577;
    cursor: pointer
}

.subscription-mb .subscription__opt .opt-btn:hover {
    color: #3963ef
}

.subscription-mb .subscription__opt .vertical-border {
    border-right: .013rem solid #dee2e8
}

.subscription-mb .subscription__opt .btn-active {
    color: #3963ef;
    cursor: pointer;
    font-size: .373rem
}

.subscription-mb .subscription__opt .btn-active:hover {
    color: #3257d2
}

.subscription-mb .subscription__opt .hidden-tooltip {
    display: none
}

.subscription-mb .subscription__opt .tooltip-content .tooltip-arrow {
    width: .32rem;
    height: .32rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    overflow: hidden
}

.subscription-mb .subscription__opt .tooltip-content .tooltip-arrow .arrow-inner {
    position: absolute;
    width: .16rem;
    height: .16rem;
    background: rgba(0, 0, 0, .75);
    transform: rotate(45deg);
    top: -.08rem;
    left: .08rem
}

.subscription-mb .subscription__opt .tooltip-content .tooltip-inner {
    position: absolute;
    font-size: .373rem;
    top: -.853rem;
    left: 50%;
    transform: translateX(-50%);
    min-width: .8rem;
    min-height: .853rem;
    padding: .16rem .213rem;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, .75);
    border-radius: .107rem;
    box-shadow: 0 .027rem .107rem rgba(0, 0, 0, .15)
}

.subscription-mb .qrcode-box {
    margin: auto;
    padding: .533rem 0
}

.subscription-mb:hover {
    box-shadow: 0 .08rem .32rem 0 rgba(7, 33, 85, .122)
}

.client-title-mb {
    font-size: .693rem;
    line-height: .693rem;
    color: #484652;
    font-weight: 600;
    margin-bottom: .213rem
}

:root {
    --font_size_base: 16px;
    --line_height_base: 1.5;
    --i_brand_primary: #504d7f;
    --brand_primary: #276fd0;
    --border_radius_base: 4px;
    --text_color: #fff;
    --brand_danger: #e5415e;
    --brand_secondary: #ffa15a;
    --link_color: #504d7f;
    --topbar_button_color: #fff;
    --brand_success: #5cb85c;
    --brand_warning: #f5a623
}

.articles-detail {
    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
}

.articles-detail html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.articles-detail body {
    margin: 0
}

.articles-detail article,
.articles-detail aside,
.articles-detail details,
.articles-detail figcaption,
.articles-detail figure,
.articles-detail footer,
.articles-detail header,
.articles-detail hgroup,
.articles-detail main,
.articles-detail menu,
.articles-detail nav,
.articles-detail section,
.articles-detail summary {
    display: block
}

.articles-detail audio,
.articles-detail canvas,
.articles-detail progress,
.articles-detail video {
    display: inline-block;
    vertical-align: baseline
}

.articles-detail audio:not([controls]) {
    display: none;
    height: 0
}

.articles-detail [hidden],
.articles-detail template {
    display: none
}

.articles-detail a {
    background-color: transparent
}

.articles-detail a:active,
.articles-detail a:hover {
    outline: 0
}

.articles-detail abbr[title] {
    border-bottom: 1px dotted
}

.articles-detail b,
.articles-detail strong {
    font-weight: 700
}

.articles-detail dfn {
    font-style: italic
}

.articles-detail h1 {
    margin: .67em 0;
    font-size: 2em
}

.articles-detail mark {
    color: #000;
    background: #ff0
}

.articles-detail small {
    font-size: 80%
}

.articles-detail sub,
.articles-detail sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.articles-detail sup {
    top: -.5em
}

.articles-detail sub {
    bottom: -.25em
}

.articles-detail img {
    border: 0
}

.articles-detail svg:not(:root) {
    overflow: hidden
}

.articles-detail figure {
    margin: 1em 40px
}

.articles-detail hr {
    height: 0;
    box-sizing: content-box
}

.articles-detail pre {
    overflow: auto
}

.articles-detail code,
.articles-detail kbd,
.articles-detail pre,
.articles-detail samp {
    font-family: monospace;
    font-size: 1em
}

.articles-detail button,
.articles-detail input,
.articles-detail optgroup,
.articles-detail select,
.articles-detail textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

.articles-detail button {
    overflow: visible
}

.articles-detail button,
.articles-detail select {
    text-transform: none
}

.articles-detail button,
.articles-detail html input[type=button],
.articles-detail input[type=submit] {
    cursor: pointer;
    background-color: #0586ce;
    -webkit-appearance: button
}

.articles-detail button[disabled],
.articles-detail html input[disabled] {
    cursor: default
}

.articles-detail button::-moz-focus-inner,
.articles-detail input::-moz-focus-inner {
    padding: 0;
    border: 0
}

.articles-detail input {
    line-height: normal
}

.articles-detail input[type=checkbox],
.articles-detail input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.articles-detail input[type=number]::-webkit-inner-spin-button,
.articles-detail input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.articles-detail input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

.articles-detail input[type=search]::-webkit-search-cancel-button,
.articles-detail input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.articles-detail fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

.articles-detail textarea {
    overflow: auto
}

.articles-detail optgroup {
    font-weight: 700
}

.articles-detail table {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 17px 0 17px 0
}

.articles-detail thead>tr {
    background-color: #eee
}

.articles-detail td,
.articles-detail th {
    padding: 0
}

.articles-detail *,
.articles-detail :after,
.articles-detail :before {
    box-sizing: border-box
}

.articles-detail body,
.articles-detail html {
    height: 100%
}

.articles-detail html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.articles-detail body {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #111;
    background-color: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

.articles-detail button,
.articles-detail input,
.articles-detail select,
.articles-detail textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.articles-detail a {
    color: #0586ce;
    text-decoration: none
}

.articles-detail a:focus,
.articles-detail a:hover {
    color: #0478b9;
    text-decoration: none
}

.articles-detail .topbar__controls a {
    color: #484652
}

.articles-detail .topbar__controls a:hover,
.articles-detail a:focus {
    color: #32304f
}

.articles-detail a.disabled {
    color: #818a91;
    cursor: default
}

.articles-detail figure {
    margin: 0
}

.articles-detail img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.articles-detail hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #f1f1f1
}

.articles-detail audio,
.articles-detail canvas,
.articles-detail iframe,
.articles-detail img,
.articles-detail svg,
.articles-detail video {
    vertical-align: middle
}

.articles-detail .h1,
.articles-detail .h2,
.articles-detail .h3,
.articles-detail .h4,
.articles-detail .h5,
.articles-detail .h6,
.articles-detail h1,
.articles-detail h2,
.articles-detail h3,
.articles-detail h4,
.articles-detail h5,
.articles-detail h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: inherit
}

.articles-detail .h1,
.articles-detail .h2,
.articles-detail .h3,
.articles-detail .h4,
.articles-detail .h5,
.articles-detail .h6,
.articles-detail h1,
.articles-detail h2,
.articles-detail h3,
.articles-detail h4,
.articles-detail h5,
.articles-detail h6,
.articles-detail ol,
.articles-detail p,
.articles-detail ul {
    margin: 0 0 24px
}

.articles-detail .h1,
.articles-detail h1 {
    font-size: 40px
}

.articles-detail .h2,
.articles-detail h2 {
    font-size: 28px
}

.articles-detail .h3,
.articles-detail h3 {
    font-size: 24px
}

.articles-detail .h4,
.articles-detail h4 {
    font-size: 20px
}

.articles-detail .h5,
.articles-detail h5 {
    font-size: 17.6px
}

.articles-detail .h6,
.articles-detail h6 {
    font-size: 16px
}

.articles-detail b,
.articles-detail strong {
    font-weight: 600
}

.articles-detail .small,
.articles-detail small {
    font-size: 80%;
    font-weight: 400;
    line-height: 1
}

.articles-detail dl {
    margin-top: 0;
    margin-bottom: 24px
}

.articles-detail dd,
.articles-detail dt {
    margin-bottom: 12px;
    line-height: 1.5
}

.articles-detail dt {
    font-weight: 700
}

.articles-detail dd {
    margin-left: 0
}

.articles-detail .dl-horizontal:after,
.articles-detail .dl-horizontal:before {
    display: table;
    content: ""
}

.articles-detail .dl-horizontal:after {
    clear: both
}

.articles-detail .dl-horizontal dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    .articles-detail .dl-horizontal dt {
        float: left;
        width: 30%;
        padding-right: 15px;
        clear: both
    }
}

@media (min-width:768px) {
    .articles-detail .dl-horizontal dd {
        float: right;
        width: 70%
    }
}

.articles-detail abbr[data-original-title],
.articles-detail abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}

.articles-detail blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic;
    background-color: #fcfcfd
}

.articles-detail blockquote,
.articles-detail blockquote .is-colored {
    border-left: 5px solid #504d7f
}

.articles-detail blockquote ol:last-child,
.articles-detail blockquote p:last-child,
.articles-detail blockquote ul:last-child {
    margin-bottom: 0
}

.articles-detail code {
    padding: 20px !important;
    border-radius: 4px !important
}

.articles-detail address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

.articles-detail .clearfix:after,
.articles-detail .clearfix:before {
    display: table;
    content: ""
}

.articles-detail .clearfix:after {
    clear: both
}

.articles-detail .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.articles-detail .list-unstyled {
    padding-left: 0;
    list-style: none
}

.articles-detail .hidden,
.articles-detail .is-hidden {
    display: none !important
}

.articles-detail fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.articles-detail legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: inherit;
    color: #373a3c;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.articles-detail label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 12px;
    font-weight: 600
}

.articles-detail input[type=search] {
    box-sizing: border-box
}

.articles-detail input[type=checkbox],
.articles-detail input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal
}

.articles-detail input[type=file] {
    display: block
}

.articles-detail input[type=range] {
    display: block;
    width: 100%
}

.articles-detail select[multiple],
.articles-detail select[size] {
    height: auto
}

.articles-detail input[type=checkbox]:focus,
.articles-detail input[type=file]:focus,
.articles-detail input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.articles-detail output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.5;
    color: #666
}

.articles-detail .nesty-input,
.articles-detail input[type=color],
.articles-detail input[type=date],
.articles-detail input[type=datetime-local],
.articles-detail input[type=datetime],
.articles-detail input[type=email],
.articles-detail input[type=month],
.articles-detail input[type=number],
.articles-detail input[type=password],
.articles-detail input[type=search],
.articles-detail input[type=tel],
.articles-detail input[type=text],
.articles-detail input[type=time],
.articles-detail input[type=url],
.articles-detail input[type=week],
.articles-detail select,
.articles-detail textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bdc2c5;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.articles-detail .nesty-input:focus,
.articles-detail input[type=color]:focus,
.articles-detail input[type=date]:focus,
.articles-detail input[type=datetime-local]:focus,
.articles-detail input[type=datetime]:focus,
.articles-detail input[type=email]:focus,
.articles-detail input[type=month]:focus,
.articles-detail input[type=number]:focus,
.articles-detail input[type=password]:focus,
.articles-detail input[type=search]:focus,
.articles-detail input[type=tel]:focus,
.articles-detail input[type=text]:focus,
.articles-detail input[type=time]:focus,
.articles-detail input[type=url]:focus,
.articles-detail input[type=week]:focus,
.articles-detail select:focus,
.articles-detail textarea:focus {
    border-color: #9ed5e7;
    outline: 0
}

.articles-detail .nesty-input::-moz-placeholder,
.articles-detail input[type=color]::-moz-placeholder,
.articles-detail input[type=date]::-moz-placeholder,
.articles-detail input[type=datetime-local]::-moz-placeholder,
.articles-detail input[type=datetime]::-moz-placeholder,
.articles-detail input[type=email]::-moz-placeholder,
.articles-detail input[type=month]::-moz-placeholder,
.articles-detail input[type=number]::-moz-placeholder,
.articles-detail input[type=password]::-moz-placeholder,
.articles-detail input[type=search]::-moz-placeholder,
.articles-detail input[type=tel]::-moz-placeholder,
.articles-detail input[type=text]::-moz-placeholder,
.articles-detail input[type=time]::-moz-placeholder,
.articles-detail input[type=url]::-moz-placeholder,
.articles-detail input[type=week]::-moz-placeholder,
.articles-detail select::-moz-placeholder,
.articles-detail textarea::-moz-placeholder {
    color: #999;
    opacity: 1
}

.articles-detail .nesty-input:-ms-input-placeholder,
.articles-detail input[type=color]:-ms-input-placeholder,
.articles-detail input[type=date]:-ms-input-placeholder,
.articles-detail input[type=datetime-local]:-ms-input-placeholder,
.articles-detail input[type=datetime]:-ms-input-placeholder,
.articles-detail input[type=email]:-ms-input-placeholder,
.articles-detail input[type=month]:-ms-input-placeholder,
.articles-detail input[type=number]:-ms-input-placeholder,
.articles-detail input[type=password]:-ms-input-placeholder,
.articles-detail input[type=search]:-ms-input-placeholder,
.articles-detail input[type=tel]:-ms-input-placeholder,
.articles-detail input[type=text]:-ms-input-placeholder,
.articles-detail input[type=time]:-ms-input-placeholder,
.articles-detail input[type=url]:-ms-input-placeholder,
.articles-detail input[type=week]:-ms-input-placeholder,
.articles-detail select:-ms-input-placeholder,
.articles-detail textarea:-ms-input-placeholder {
    color: #999
}

.articles-detail .nesty-input::-webkit-input-placeholder,
.articles-detail input[type=color]::-webkit-input-placeholder,
.articles-detail input[type=date]::-webkit-input-placeholder,
.articles-detail input[type=datetime-local]::-webkit-input-placeholder,
.articles-detail input[type=datetime]::-webkit-input-placeholder,
.articles-detail input[type=email]::-webkit-input-placeholder,
.articles-detail input[type=month]::-webkit-input-placeholder,
.articles-detail input[type=number]::-webkit-input-placeholder,
.articles-detail input[type=password]::-webkit-input-placeholder,
.articles-detail input[type=search]::-webkit-input-placeholder,
.articles-detail input[type=tel]::-webkit-input-placeholder,
.articles-detail input[type=text]::-webkit-input-placeholder,
.articles-detail input[type=time]::-webkit-input-placeholder,
.articles-detail input[type=url]::-webkit-input-placeholder,
.articles-detail input[type=week]::-webkit-input-placeholder,
.articles-detail select::-webkit-input-placeholder,
.articles-detail textarea::-webkit-input-placeholder {
    color: #999
}

.articles-detail select {
    height: 38px
}

.articles-detail textarea {
    height: 102px;
    resize: vertical
}

.articles-detail input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .articles-detail input[type=date],
    .articles-detail input[type=datetime-local],
    .articles-detail input[type=month],
    .articles-detail input[type=time] {
        line-height: 38px
    }
}

.articles-detail .form-field {
    margin-bottom: 24px
}

.articles-detail .form-field p {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 90%;
    color: #515151
}

.articles-detail .form-field.required>label:after {
    margin-left: 2px;
    color: #e5415e;
    content: "*"
}

.articles-detail .form-field.boolean {
    position: relative;
    padding-left: 20px
}

.articles-detail .form-field.boolean input[type=checkbox] {
    position: absolute;
    left: 0
}

.articles-detail .form-field.boolean label {
    min-height: 24px;
    margin-bottom: 0;
    cursor: pointer
}

.articles-detail fieldset[disabled] input[type=checkbox],
.articles-detail fieldset[disabled] input[type=radio],
.articles-detail input[type=checkbox].disabled,
.articles-detail input[type=checkbox][disabled],
.articles-detail input[type=radio].disabled,
.articles-detail input[type=radio][disabled] {
    cursor: not-allowed
}

.articles-detail .help-block {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 90%;
    color: #515151
}

.articles-detail .btn,
.articles-detail [role=button],
.articles-detail input[type=submit] {
    display: inline-block;
    padding: 6px 18px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 4px;
    transition: all .3s ease;
    touch-action: manipulation
}

.articles-detail .btn:active:focus,
.articles-detail .btn:focus,
.articles-detail [role=button]:active:focus,
.articles-detail [role=button]:focus,
.articles-detail input[type=submit]:active:focus,
.articles-detail input[type=submit]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.articles-detail .btn:focus,
.articles-detail .btn:hover,
.articles-detail [role=button]:focus,
.articles-detail [role=button]:hover,
.articles-detail input[type=submit]:focus,
.articles-detail input[type=submit]:hover {
    color: #fff;
    text-decoration: none
}

.articles-detail .btn:active,
.articles-detail [role=button]:active,
.articles-detail input[type=submit]:active {
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.articles-detail [role=button] {
    color: #fff;
    background-color: #504d7f;
    border-color: #504d7f
}

.articles-detail [role=button]:active,
.articles-detail [role=button]:focus,
.articles-detail [role=button]:hover {
    color: #e0e0e0;
    background-color: #3c3a5f;
    border-color: #383659
}

.articles-detail [role=button]:active:focus {
    outline: none
}

.articles-detail .article-subscribe,
.articles-detail .article-unsubscribe,
.articles-detail .btn--default,
.articles-detail .section-subscribe .dropdown-toggle,
.articles-detail input[type=submit] {
    color: #fff;
    background: linear-gradient(104deg, #fff, #fff);
    border-color: #504d7f;
    border-radius: 5px
}

.articles-detail .see-all-articles {
    color: #0586ce;
    border: none
}

.articles-detail .see-all-articles:hover {
    color: #0478b9 !important;
    background: #fff !important
}

.articles-detail .see-all-articles:active {
    color: #0478b9 !important;
    box-shadow: none
}

.articles-detail .article-subscribe:active,
.articles-detail .article-subscribe:focus,
.articles-detail .article-subscribe:hover,
.articles-detail .article-unsubscribe:active,
.articles-detail .article-unsubscribe:focus,
.articles-detail .article-unsubscribe:hover,
.articles-detail .btn--default:active,
.articles-detail .btn--default:focus,
.articles-detail .btn--default:hover,
.articles-detail .section-subscribe .dropdown-toggle:active,
.articles-detail .section-subscribe .dropdown-toggle:focus,
.articles-detail .section-subscribe .dropdown-toggle:hover,
.articles-detail input[type=submit]:active,
.articles-detail input[type=submit]:focus,
.articles-detail input[type=submit]:hover {
    color: #fff;
    background: linear-gradient(104deg, #ff8427, #ff750e);
    border-color: #383659
}

.articles-detail .search>input[type=submit]:hover,
.articles-detail input[type=submit]:active,
.articles-detail input[type=submit]:focus {
    background: linear-gradient(104deg, #badff2, #a5d5ee);
    border-color: #383659
}

.articles-detail .btn--primary {
    color: #fff;
    background-color: #276fd0;
    border-color: #2364bb
}

.articles-detail .btn--primary:active,
.articles-detail .btn--primary:focus,
.articles-detail .btn--primary:hover {
    color: #e0e0e0;
    background-color: #1f58a5;
    border-color: #194887
}

.articles-detail .btn--success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.articles-detail .btn--success:active,
.articles-detail .btn--success:focus,
.articles-detail .btn--success:hover {
    color: #e0e0e0;
    background-color: #449d44;
    border-color: #398439
}

.articles-detail .btn--warning {
    color: #f5a623;
    background-color: transparent;
    border-color: #f39c0b
}

.articles-detail .btn--warning:active,
.articles-detail .btn--warning:focus,
.articles-detail .btn--warning:hover {
    color: #d1860a;
    background-color: transparent;
    border-color: #b97708
}

.articles-detail .btn--danger {
    color: #fff;
    background-color: #e5415e;
    border-color: #e22b4b
}

.articles-detail .btn--danger:active,
.articles-detail .btn--danger:focus,
.articles-detail .btn--danger:hover {
    color: #e0e0e0;
    background-color: #d61d3e;
    border-color: #b61935
}

.articles-detail .btn--topbar,
.articles-detail .login {
    border: 1px solid currentColor;
    border-radius: 100px
}

.articles-detail .btn--topbar:hover,
.articles-detail .login:hover {
    opacity: 1
}

.articles-detail .btn--topbar:active,
.articles-detail .login:active {
    box-shadow: none
}

@media (min-width:768px) {

    .articles-detail .btn--topbar,
    .articles-detail .login {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top
    }
}

.articles-detail .topbar--small .btn--topbar,
.articles-detail .topbar--small .login {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.articles-detail .topbar--small .btn--topbar:active,
.articles-detail .topbar--small .btn--topbar:focus,
.articles-detail .topbar--small .btn--topbar:hover,
.articles-detail .topbar--small .login:active,
.articles-detail .topbar--small .login:focus,
.articles-detail .topbar--small .login:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0
}

@media (max-width:767px) {

    .articles-detail .btn--topbar,
    .articles-detail .language-selector,
    .articles-detail .login,
    .articles-detail .submit-a-request {
        display: block;
        width: 100%;
        margin-bottom: 12px
    }
}

.articles-detail .container {
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    .articles-detail .container {
        padding-right: 30px;
        padding-left: 30px
    }
}

.articles-detail .container-inner {
    max-width: 1200px;
    margin: 0 auto
}

.articles-detail table {
    background-color: transparent
}

.articles-detail caption {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #818a91;
    text-align: left
}

.articles-detail th {
    text-align: left
}

.articles-detail .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px
}

.articles-detail .table td,
.articles-detail .table th {
    padding: 12px;
    vertical-align: top
}

.articles-detail .table td {
    border-top: 1px solid #ddd;
    color: #495160
}

.articles-detail .table thead th {
    vertical-align: bottom
}

.articles-detail .table tbody+tbody {
    border-top: 1px solid #ddd
}

.articles-detail .table .table {
    background-color: #fff
}

.articles-detail .table--color-header th {
    color: #fff;
    background-color: #276fd0
}

.articles-detail .table--striped td,
.articles-detail .table--striped th,
.articles-detail .table--striped thead th {
    border-color: #fff
}

.articles-detail .table--hover tbody tr:hover,
.articles-detail .table--striped tbody tr:nth-child(odd) {
    color: inherit;
    background-color: #f1f1f1
}

.articles-detail .table--bordered {
    border: 1px solid #d3d6d8
}

.articles-detail .table--bordered td,
.articles-detail .table--bordered th {
    border-left: 1px solid #d3d6d8
}

.articles-detail .table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .articles-detail .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .articles-detail .table-responsive>.table {
        margin-bottom: 0
    }

    .articles-detail .table-responsive>.table>tbody>tr>td,
    .articles-detail .table-responsive>.table>tbody>tr>th,
    .articles-detail .table-responsive>.table>tfoot>tr>td,
    .articles-detail .table-responsive>.table>tfoot>tr>th,
    .articles-detail .table-responsive>.table>thead>tr>td,
    .articles-detail .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
}

.articles-detail .row {
    margin-right: -15px;
    margin-left: -15px
}

.articles-detail .column {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.articles-detail .column--xs-1 {
    width: 8.33333%
}

.articles-detail .column--xs-2 {
    width: 16.66667%
}

.articles-detail .column--xs-3 {
    width: 25%
}

.articles-detail .column--xs-4 {
    width: 33.33333%
}

.articles-detail .column--xs-5 {
    width: 41.66667%
}

.articles-detail .column--xs-6 {
    width: 50%
}

.articles-detail .column--xs-7 {
    width: 58.33333%
}

.articles-detail .column--xs-8 {
    width: 66.66667%
}

.articles-detail .column--xs-9 {
    width: 75%
}

.articles-detail .column--xs-10 {
    width: 83.33333%
}

.articles-detail .column--xs-11 {
    width: 91.66667%
}

.articles-detail .column--xs-12 {
    width: 100%
}

.articles-detail .column--xs-offset-0 {
    margin-left: 0
}

.articles-detail .column--xs-offset-1 {
    margin-left: 8.33333%
}

.articles-detail .column--xs-offset-2 {
    margin-left: 16.66667%
}

.articles-detail .column--xs-offset-3 {
    margin-left: 25%
}

.articles-detail .column--xs-offset-4 {
    margin-left: 33.33333%
}

.articles-detail .column--xs-offset-5 {
    margin-left: 41.66667%
}

.articles-detail .column--xs-offset-6 {
    margin-left: 50%
}

.articles-detail .column--xs-offset-7 {
    margin-left: 58.33333%
}

.articles-detail .column--xs-offset-8 {
    margin-left: 66.66667%
}

.articles-detail .column--xs-offset-9 {
    margin-left: 75%
}

.articles-detail .column--xs-offset-10 {
    margin-left: 83.33333%
}

.articles-detail .column--xs-offset-11 {
    margin-left: 91.66667%
}

.articles-detail .column--xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .articles-detail .column--sm-1 {
        width: 8.33333%
    }

    .articles-detail .column--sm-2 {
        width: 16.66667%
    }

    .articles-detail .column--sm-3 {
        width: 25%
    }

    .articles-detail .column--sm-4 {
        width: 33.33333%
    }

    .articles-detail .column--sm-4 .article-sidebar {
        margin-top: 38px
    }

    .articles-detail .column--sm-5 {
        width: 41.66667%
    }

    .articles-detail .column--sm-6 {
        width: 50%
    }

    .articles-detail .column--sm-7 {
        width: 58.33333%
    }

    .articles-detail .column--sm-8 {
        width: 66.66667%
    }

    .articles-detail .column--sm-9 {
        width: 75%
    }

    .articles-detail .column--sm-10 {
        width: 83.33333%
    }

    .articles-detail .column--sm-11 {
        width: 91.66667%
    }

    .articles-detail .column--sm-12 {
        width: 100%
    }

    .articles-detail .column--sm-offset-0 {
        margin-left: 0
    }

    .articles-detail .column--sm-offset-1 {
        margin-left: 8.33333%
    }

    .articles-detail .column--sm-offset-2 {
        margin-left: 16.66667%
    }

    .articles-detail .column--sm-offset-3 {
        margin-left: 25%
    }

    .articles-detail .column--sm-offset-4 {
        margin-left: 33.33333%
    }

    .articles-detail .column--sm-offset-5 {
        margin-left: 41.66667%
    }

    .articles-detail .column--sm-offset-6 {
        margin-left: 50%
    }

    .articles-detail .column--sm-offset-7 {
        margin-left: 58.33333%
    }

    .articles-detail .column--sm-offset-8 {
        margin-left: 66.66667%
    }

    .articles-detail .column--sm-offset-9 {
        margin-left: 75%
    }

    .articles-detail .column--sm-offset-10 {
        margin-left: 83.33333%
    }

    .articles-detail .column--sm-offset-11 {
        margin-left: 91.66667%
    }

    .articles-detail .column--sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .articles-detail .column--md-1 {
        width: 8.33333%
    }

    .articles-detail .column--md-2 {
        width: 16.66667%
    }

    .articles-detail .column--md-3 {
        width: 25%
    }

    .articles-detail .column--md-4 {
        width: 33.33333%
    }

    .articles-detail .column--md-5 {
        width: 41.66667%
    }

    .articles-detail .column--md-6 {
        width: 50%
    }

    .articles-detail .column--md-7 {
        width: 58.33333%
    }

    .articles-detail .column--md-8 {
        width: 66.66667%
    }

    .articles-detail .column--md-9 {
        width: 75%
    }

    .articles-detail .column--md-10 {
        width: 83.33333%
    }

    .articles-detail .column--md-11 {
        width: 91.66667%
    }

    .articles-detail .column--md-12 {
        width: 100%
    }

    .articles-detail .column--md-offset-1 {
        margin-left: 8.33333%
    }

    .articles-detail .column--md-offset-2 {
        margin-left: 16.66667%
    }

    .articles-detail .column--md-offset-3 {
        margin-left: 25%
    }

    .articles-detail .column--md-offset-4 {
        margin-left: 33.33333%
    }

    .articles-detail .column--md-offset-5 {
        margin-left: 41.66667%
    }

    .articles-detail .column--md-offset-6 {
        margin-left: 50%
    }

    .articles-detail .column--md-offset-7 {
        margin-left: 58.33333%
    }

    .articles-detail .column--md-offset-8 {
        margin-left: 66.66667%
    }

    .articles-detail .column--md-offset-9 {
        margin-left: 75%
    }

    .articles-detail .column--md-offset-10 {
        margin-left: 83.33333%
    }

    .articles-detail .column--md-offset-11 {
        margin-left: 91.66667%
    }

    .articles-detail .column--md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .articles-detail .column--lg-1 {
        width: 8.33333%
    }

    .articles-detail .column--lg-2 {
        width: 16.66667%
    }

    .articles-detail .column--lg-3 {
        width: 25%
    }

    .articles-detail .column--lg-4 {
        width: 33.33333%
    }

    .articles-detail .column--lg-5 {
        width: 41.66667%
    }

    .articles-detail .column--lg-6 {
        width: 50%
    }

    .articles-detail .column--lg-7 {
        width: 58.33333%
    }

    .articles-detail .column--lg-8 {
        width: 66.66667%
    }

    .articles-detail .column--lg-9 {
        width: 75%
    }

    .articles-detail .column--lg-10 {
        width: 83.33333%
    }

    .articles-detail .column--lg-11 {
        width: 91.66667%
    }

    .articles-detail .column--lg-12 {
        width: 100%
    }

    .articles-detail .column--lg-pull-0 {
        right: auto
    }

    .articles-detail .column--lg-pull-1 {
        right: 8.33333%
    }

    .articles-detail .column--lg-pull-2 {
        right: 16.66667%
    }

    .articles-detail .column--lg-pull-3 {
        right: 25%
    }

    .articles-detail .column--lg-pull-4 {
        right: 33.33333%
    }

    .articles-detail .column--lg-pull-5 {
        right: 41.66667%
    }

    .articles-detail .column--lg-pull-6 {
        right: 50%
    }

    .articles-detail .column--lg-pull-7 {
        right: 58.33333%
    }

    .articles-detail .column--lg-pull-8 {
        right: 66.66667%
    }

    .articles-detail .column--lg-pull-9 {
        right: 75%
    }

    .articles-detail .column--lg-pull-10 {
        right: 83.33333%
    }

    .articles-detail .column--lg-pull-11 {
        right: 91.66667%
    }

    .articles-detail .column--lg-pull-12 {
        right: 100%
    }

    .articles-detail .column--lg-push-0 {
        left: auto
    }

    .articles-detail .column--lg-push-1 {
        left: 8.33333%
    }

    .articles-detail .column--lg-push-2 {
        left: 16.66667%
    }

    .articles-detail .column--lg-push-3 {
        left: 25%
    }

    .articles-detail .column--lg-push-4 {
        left: 33.33333%
    }

    .articles-detail .column--lg-push-5 {
        left: 41.66667%
    }

    .articles-detail .column--lg-push-6 {
        left: 50%
    }

    .articles-detail .column--lg-push-7 {
        left: 58.33333%
    }

    .articles-detail .column--lg-push-8 {
        left: 66.66667%
    }

    .articles-detail .column--lg-push-9 {
        left: 75%
    }

    .articles-detail .column--lg-push-10 {
        left: 83.33333%
    }

    .articles-detail .column--lg-push-11 {
        left: 91.66667%
    }

    .articles-detail .column--lg-push-12 {
        left: 100%
    }

    .articles-detail .column--lg-offset-0 {
        margin-left: 0
    }

    .articles-detail .column--lg-offset-1 {
        margin-left: 8.33333%
    }

    .articles-detail .column--lg-offset-2 {
        margin-left: 16.66667%
    }

    .articles-detail .column--lg-offset-3 {
        margin-left: 25%
    }

    .articles-detail .column--lg-offset-4 {
        margin-left: 33.33333%
    }

    .articles-detail .column--lg-offset-5 {
        margin-left: 41.66667%
    }

    .articles-detail .column--lg-offset-6 {
        margin-left: 50%
    }

    .articles-detail .column--lg-offset-7 {
        margin-left: 58.33333%
    }

    .articles-detail .column--lg-offset-8 {
        margin-left: 66.66667%
    }

    .articles-detail .column--lg-offset-9 {
        margin-left: 75%
    }

    .articles-detail .column--lg-offset-10 {
        margin-left: 83.33333%
    }

    .articles-detail .column--lg-offset-11 {
        margin-left: 91.66667%
    }

    .articles-detail .column--lg-offset-12 {
        margin-left: 100%
    }
}

.articles-detail .meta {
    font-size: 14px;
    color: #979797
}

.articles-detail .meta__item {
    display: inline-block;
    margin-right: 6px
}

.articles-detail .meta__item+.meta__item:before {
    margin-right: 6px;
    font-size: 10px;
    content: "\2022"
}

.articles-detail .meta--profile {
    margin-bottom: 0
}

.articles-detail .lines-button {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 7.5px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent !important;
    border: 0;
    border-radius: 4px;
    transition: all .3s ease;
    touch-action: manipulation
}

.articles-detail .lines-button:active:focus,
.articles-detail .lines-button:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.articles-detail .lines-button:focus,
.articles-detail .lines-button:hover {
    color: #fff;
    text-decoration: none
}

.articles-detail .lines-button:active {
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

@media (max-width:767px) {
    .articles-detail .lines-button {
        float: right
    }
}

@media (min-width:768px) {
    .articles-detail .lines-button {
        display: none
    }
}

.articles-detail .lines-button:hover {
    opacity: 1
}

.articles-detail .lines-button:active {
    outline: 0;
    box-shadow: none;
    transition: none
}

.articles-detail .lines-button:focus {
    outline: 0
}

.articles-detail .lines {
    top: calc(50% - 1px);
    left: calc(50% - 15px)
}

.articles-detail .lines,
.articles-detail .lines:after,
.articles-detail .lines:before {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: .3s
}

.articles-detail .lines:after,
.articles-detail .lines:before {
    left: 0;
    content: "";
    transform-origin: 2px center
}

.articles-detail .lines:before {
    top: 8px
}

.articles-detail .lines:after {
    top: -8px
}

.articles-detail .topbar--small .lines,
.articles-detail .topbar--small .lines:after,
.articles-detail .topbar--small .lines:before {
    background-color: #111
}

.articles-detail .lines-button.is-active {
    transform: scale3d(.8, .8, .8)
}

.articles-detail .lines-button.is-active .lines {
    background: transparent
}

.articles-detail .lines-button.is-active .lines:after,
.articles-detail .lines-button.is-active .lines:before {
    top: 0;
    width: 30px;
    transform-origin: 50% 50%
}

.articles-detail .lines-button.is-active .lines:before {
    transform: rotate(45deg)
}

.articles-detail .lines-button.is-active .lines:after {
    transform: rotate(-45deg)
}

.articles-detail .logo-wrapper {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle
}

.articles-detail .logo img {
    display: block;
    max-height: 40px !important
}

.articles-detail .logo svg use {
    fill: #ffa15a
}

.articles-detail .topbar--small .logo svg use {
    fill: #fff
}

.articles-detail #user-menu {
    margin: 0 !important;
    border: 0 !important
}

.articles-detail #user-menu [role=menuitem] {
    white-space: nowrap
}

.articles-detail #user>.btn {
    padding-right: 0;
    padding-left: 0;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translate3d(0, -25px, 0)
    }

    25% {
        transform: translate3d(0, 10px, 0)
    }

    50% {
        transform: translate3d(0, -6px, 0)
    }

    75% {
        transform: translate3d(0, 2px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.articles-detail .topbar--small #user-dropdown:after,
.articles-detail .topbar--small #user-dropdown:before {
    color: #fff
}

@media (max-width:767px) {
    .articles-detail .topbar--small #user-dropdown [role=menuitem] {
        color: #fff
    }
}

.articles-detail .topbar--large #user-dropdown:after,
.articles-detail .topbar--large #user-dropdown:before {
    color: #fff
}

@media (max-width:767px) {
    .articles-detail .topbar--large #user-dropdown [role=menuitem] {
        color: #fff
    }
}

.articles-detail #user-dropdown [role=menuitem] {
    padding: 10px 0
}

@media (max-width:767px) {
    .articles-detail #user-dropdown [role=menuitem]:hover {
        background-color: transparent
    }
}

@media (min-width:768px) {
    .articles-detail #user-dropdown [role=menuitem] {
        padding-right: 16px;
        padding-left: 16px
    }
}

.articles-detail #user-dropdown [role=separator] {
    padding: 0;
    margin: 0
}

@media (max-width:767px) {
    .articles-detail #user-dropdown [role=separator] {
        border-color: hsla(0, 0%, 100%, .15)
    }
}

@media (min-width:768px) {
    .articles-detail #user-dropdown[aria-expanded=true] {
        animation: bounce .6s ease-out
    }
}

@media (max-width:767px) {
    .articles-detail #user-dropdown {
        position: static;
        display: inline;
        float: none;
        background: transparent !important;
        border: 0;
        box-shadow: none;
        opacity: 1 !important
    }

    .articles-detail #user-dropdown:after,
    .articles-detail #user-dropdown:before {
        display: none
    }
}

.articles-detail .topbar--small #user .dropdown-toggle:after {
    color: #fff
}

.articles-detail #user {
    display: block
}

.articles-detail #user .dropdown-toggle {
    padding-right: 0;
    padding-left: 0;
    font-size: 13.6px;
    color: inherit
}

.articles-detail #user .dropdown-toggle,
.articles-detail #user .dropdown-toggle:active,
.articles-detail #user .dropdown-toggle:hover {
    background-color: transparent;
    border-color: transparent
}

.articles-detail #user .dropdown-toggle:after,
.articles-detail #user .dropdown-toggle:before {
    color: #fff
}

@media (max-width:767px) {

    .articles-detail #user .dropdown-toggle:after,
    .articles-detail #user .dropdown-toggle:before {
        display: none
    }
}

@media (min-width:768px) {
    .articles-detail #user {
        display: inline-block;
        margin-left: 12px;
        vertical-align: middle
    }
}

.articles-detail #user-password,
.articles-detail #user-profile {
    color: #111
}

@media (max-width:767px) {

    .articles-detail #user-password,
    .articles-detail #user-profile {
        min-width: 1px !important;
        padding: 6px 12px !important;
        margin-top: 6px;
        background-color: #fff;
        border-radius: 4px
    }
}

.articles-detail #user-password [role=separator],
.articles-detail #user-password form,
.articles-detail #user-profile [role=separator],
.articles-detail #user-profile form {
    padding: 6px 12px !important
}

.articles-detail #user-profile {
    font-size: calc(16px - 2) !important
}

.articles-detail #user-profile dt {
    padding: 8px 4px !important
}

.articles-detail #user-profile dt label {
    margin-bottom: 0 !important
}

.articles-detail #password-form label,
.articles-detail #user-profile input[type=text] {
    font-size: calc(16px - 2) !important
}

.articles-detail #password-submit {
    float: none !important;
    margin: 0 !important;
    background: auto !important
}

.articles-detail .breadcrumbs {
    padding: 8px 0 0;
    margin-bottom: 24px;
    list-style: none;
    background-color: transparent
}

.articles-detail .breadcrumbs>li {
    display: inline-block;
    color: #818a91
}

.articles-detail .breadcrumbs>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "鈥篭00a0"
}

.articles-detail .breadcrumbs>li:last-child a,
.articles-detail .breadcrumbs>li a {
    color: #504d7f
}

.articles-detail .breadcrumbs--search-results {
    padding: 0;
    margin-bottom: 12px;
    font-size: 13.6px
}

.articles-detail .help-center-name {
    display: inline-block;
    margin: 0 0 0 15px;
    vertical-align: middle
}

@media (max-width:767px) {
    .articles-detail .help-center-name {
        display: none
    }
}

.articles-detail .hero-unit {
    position: relative;
    z-index: 3;
    padding: 15% 15px 10%;
    margin-top: -24px;
    margin-bottom: 48px;
    overflow: hidden;
    transform: translateZ(0)
}

@media (min-width:768px) {
    .articles-detail .hero-unit {
        padding-bottom: 5%;
        margin-top: -96px
    }
}

.articles-detail .language-selector .btn--topbar {
    width: 100%
}

@media (min-width:768px) {
    .articles-detail .language-selector {
        display: inline-block;
        vertical-align: middle
    }
}

.articles-detail .avatar {
    position: relative;
    display: inline-block
}

.articles-detail .avatar--agent:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin-right: -4px;
    margin-bottom: -4px;
    font-family: Font Awesome\ 5 Free;
    font-size: 13.6px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    color: #0586ce;
    content: "\f19d";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .user-avatar {
    border-radius: 100%
}

.articles-detail .user-avatar--default {
    width: 60px;
    height: 60px
}

.articles-detail #user .user-avatar {
    width: 30px;
    height: 30px
}

.articles-detail .search {
    position: relative
}

.articles-detail .search:before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 24px;
    height: 24px;
    content: "";
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-6 -2)'%3E%3Ccircle cx='19.889' cy='11.611' r='8' stroke='%23BDBDBD' stroke-width='2' transform='rotate(45 19.89 11.61)'/%3E%3Cpath fill='%23BDBDBD' fill-rule='nonzero' d='M13.525 16.56l1.415 1.415-7.074 7.074a.996.996 0 01-1.412-.003.998.998 0 01-.002-1.411l7.073-7.074z'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    transform: translateY(-50%)
}

.articles-detail .searchbox {
    margin-top: 24px
}

.articles-detail .searchbox-suggestions ul {
    padding-left: 0;
    margin-bottom: 24px;
    list-style: none
}

.articles-detail .searchbox-suggestions li {
    margin-bottom: 8px
}

.articles-detail input[type=search]:focus {
    border-color: #f1f1f1
}

.articles-detail .search-results-column a {
    color: #504d7f
}

.articles-detail .search-box {
    position: relative
}

.articles-detail .search-box #query {
    padding: 10px 12px 10px 35px;
    transition: border .3s ease
}

.articles-detail .search-box--hero-unit {
    z-index: 2;
    max-width: 720px;
    margin: 0 auto;
    transition: top .3s ease
}

.articles-detail .search-box--hero-unit .search {
    display: flex
}

.articles-detail .search-box--hero-unit .search:before {
    left: 20px
}

.articles-detail .search-box--hero-unit #query {
    height: 50px;
    padding: 0 55px;
    background-color: #d3e6f2;
    border-color: #d3e6f2;
    border-radius: 4px;
    transition: border .3s ease, background-color .3s ease
}

.articles-detail .search-box--hero-unit #query:focus {
    background-color: #fff
}

.articles-detail .search-box--hero-unit input[type=submit] {
    display: inline-block;
    height: 50px;
    padding-right: calc(12px + 4);
    padding-left: calc(12px + 4);
    margin-left: 20px;
    font-size: 16px;
    color: #0586ce;
    text-transform: capitalize;
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    flex-shrink: 0
}

.articles-detail .search-box--hero-unit input[type=submit]:active,
.articles-detail .search-box--hero-unit input[type=submit]:focus,
.articles-detail .search-box--hero-unit input[type=submit]:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .search-box--hero-unit input[type=submit]:active {
    background-image: none
}

.articles-detail .search-box--hero-unit input[type=submit]:hover {
    color: #0586ce;
    background: linear-gradient(111deg, #ff8427, #ff750e)
}

.articles-detail .request-form--hero-unit input[type=submit]:active,
.articles-detail .request-form input[type=submit]:focus,
.articles-detail .request-form input[type=submit]:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .request-form input[type=submit]:active {
    background-image: none
}

.articles-detail .request-form input[type=submit]:hover {
    color: #fff;
    background: #0478b9
}

.articles-detail .request-form input[type=submit] {
    background: #0586ce
}

.articles-detail .contact_way a[type=button]:active {
    color: #0366aa
}

.articles-detail .contact_way a[type=button]:hover {
    color: #0477b8;
    border-color: #0477b8
}

@media (max-width:991px) {
    .articles-detail .search-box--hero-unit input[type=submit] {
        display: none
    }
}

@media (min-width:768px) {
    .articles-detail .search-box--hero-unit input[type=submit] {
        padding-right: 38px;
        padding-left: 38px
    }
}

.articles-detail .search-box--small,
.articles-detail .search-results-page {
    margin-bottom: 48px
}

.articles-detail .search-results-count {
    font-size: 20px
}

.articles-detail .search-result {
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .search-result__title {
    margin-bottom: 12px;
    font-weight: 600
}

.articles-detail .search-result__description {
    margin-bottom: 12px;
    font-size: 13.6px
}

.articles-detail .search-result__description:empty {
    display: none
}

.articles-detail .search-result__description em {
    padding: 0 3px;
    font-style: normal;
    font-weight: 600;
    background-color: #fff3ca;
    border-radius: 3px
}

.articles-detail .search-result__meta {
    margin-bottom: 12px
}

.articles-detail .search-result-votes {
    display: inline-block;
    padding: 2px 4px;
    font-size: 13.6px;
    color: #fff;
    background-color: #276fd0;
    border-radius: 4px
}

@media (min-width:768px) {
    .articles-detail .category-page {
        margin-bottom: 48px
    }
}

.articles-detail .category-description:empty {
    display: none
}

.articles-detail .category-tree-item {
    padding-top: 24px;
    border-top: 1px solid #f1f1f1
}

.articles-detail .category-tree-item:nth-child(odd) {
    background-color: #fcfcfd
}

.articles-detail .category-tree-item:last-child {
    border-bottom: 1px solid #f1f1f1
}

@media (min-width:768px) {
    .articles-detail .category-tree-item {
        padding-top: 90px;
        padding-bottom: 76px
    }
}

.articles-detail .category-tree-item__title {
    padding-bottom: 12px;
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .category-tree-item__title {
        margin-bottom: 50px
    }
}

.articles-detail .category-tree-item__sections {
    margin-right: 0;
    margin-left: 0
}

@media (min-width:768px) {
    .articles-detail .category-tree-item__sections .section:nth-child(odd) {
        clear: left;
        clear: none
    }
}

@media (min-width:768px) {
    .articles-detail .category-tree-item__sections .section:nth-child(3n+1) {
        clear: left
    }
}

@media (min-width:768px) {
    .articles-detail .category-tree-item__sections {
        margin-right: -15px;
        margin-left: -15px
    }
}

.articles-detail .category-tree-item__title-link {
    color: inherit
}

.articles-detail .category-list-title {
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .category-list-title {
        margin-bottom: 70px
    }
}

.articles-detail .category-list {
    padding-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: 0;
    list-style: none;
    justify-content: center
}

@media (min-width:768px) {
    .articles-detail .category-list {
        display: flex;
        margin-right: -30px;
        margin-bottom: 76px;
        margin-left: -30px;
        flex-wrap: wrap
    }
}

.articles-detail .category-list-item {
    position: relative;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .articles-detail .category-list-item {
        min-height: 120px
    }
}

.articles-detail .category-list-item__link {
    display: block;
    padding: 22px 20px;
    font-weight: 400;
    color: #504d7f;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px 5px rgba(62, 60, 98, .08);
    transition: all .3s ease
}

.articles-detail .category-list-item__link:active,
.articles-detail .category-list-item__link:focus,
.articles-detail .category-list-item__link:hover {
    text-decoration: none;
    background-color: #504d7f
}

.articles-detail .category-list-item__link:active .category-list-item__title,
.articles-detail .category-list-item__link:active .meta,
.articles-detail .category-list-item__link:focus .category-list-item__title,
.articles-detail .category-list-item__link:focus .meta,
.articles-detail .category-list-item__link:hover .category-list-item__title,
.articles-detail .category-list-item__link:hover .meta {
    color: #fff
}

@media (min-width:768px) {
    .articles-detail .category-list-item__link {
        height: 100%
    }
}

.articles-detail .category-list-item__title {
    margin-bottom: 8px;
    font-weight: 600
}

.articles-detail .section-page {
    margin-bottom: 48px
}

.articles-detail .section {
    margin-bottom: 24px
}

.articles-detail .section__title {
    font-size: 22px;
    font-weight: 300
}

.articles-detail .section__title-link {
    color: #666
}

.articles-detail .section-header {
    position: relative
}

.articles-detail .section-subscribe .dropdown-toggle {
    margin-top: 24px
}

.articles-detail .section-subscribe .dropdown-toggle:after {
    display: none
}

.articles-detail .section-subscribe .dropdown-menu {
    right: 0;
    left: auto
}

.articles-detail .section-title {
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .section-tree .section:nth-child(odd) {
        clear: left
    }
}

@media (min-width:992px) {
    .articles-detail .section-tree .section:nth-child(odd) {
        clear: none
    }

    .articles-detail .section-tree .section:nth-child(3n+1) {
        clear: left
    }
}

.articles-detail .article-page {
    margin-bottom: 48px
}

.articles-detail .article {
    position: relative
}

.articles-detail .article__title {
    font-size: 40px;
    font-weight: 600;
    color: #343a4b;
    margin-top: 32px
}

@media (min-width:1200px) {
    .articles-detail .article__title {
        margin-top: 32px;
        float: left;
        width: 80%;
        font-size: 40px;
        font-weight: 600;
        color: #343a4b
    }
}

.articles-detail .article-header:after,
.articles-detail .article-header:before {
    display: table;
    content: ""
}

.articles-detail .article-header:after {
    clear: both
}

.articles-detail .article-header__button {
    margin-bottom: 24px
}

@media (min-width:1200px) {
    .articles-detail .article-header__button {
        float: right;
        width: 20%;
        text-align: right;
        vertical-align: top
    }
}

.articles-detail .article-meta {
    display: table;
    width: 100%
}

.articles-detail .article-meta__col {
    display: table-cell;
    vertical-align: top
}

.articles-detail .article-meta__col--main {
    width: 100%;
    padding-right: 12px
}

.articles-detail .article-subscribe,
.articles-detail .article-unsubscribe {
    color: #fff;
    background-color: #504d7f;
    border-color: #504d7f
}

.articles-detail .article-subscribe:active,
.articles-detail .article-subscribe:focus,
.articles-detail .article-subscribe:hover,
.articles-detail .article-unsubscribe:active,
.articles-detail .article-unsubscribe:focus,
.articles-detail .article-unsubscribe:hover {
    color: #e0e0e0;
    background-color: #3c3a5f;
    border-color: #383659
}

.articles-detail .article-subscribe:active,
.articles-detail .article-unsubscribe:active {
    background-image: none
}

.articles-detail .article-body {
    margin-bottom: 24px
}

.articles-detail .article-body p {
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
    color: #495160;
    margin: 28px 0 28px 0
}

.articles-detail .article-body h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2
}

.articles-detail .article-body h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 56px;
    color: #323a4b;
    margin: 72px 0 -4px 0
}

.articles-detail .article-body h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 42px;
    color: #323a4b;
    margin: 48px 0 -4px 0
}

.articles-detail .article-body .wysiwyg-font-size-x-large {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2
}

.articles-detail .article-body .wysiwyg-font-size-large {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2
}

.articles-detail .article-body .wysiwyg-font-size-medium {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.articles-detail .article-body .wysiwyg-font-size-small {
    font-size: 13.6px
}

.articles-detail .article-body ol,
.articles-detail .article-body ul {
    padding-left: 20px
}

.articles-detail .article-body ol ol,
.articles-detail .article-body ol ul,
.articles-detail .article-body ul ol,
.articles-detail .article-body ul ul {
    margin-top: 12px
}

.articles-detail .article-body ol li,
.articles-detail .article-body ul li {
    margin-bottom: 12px;
    color: #495160;
    font-size: 19px;
    font-weight: 400;
    line-height: 34px
}

.articles-detail .article-body-mb {
    margin-bottom: 24px
}

.articles-detail .article-body-mb p {
    font-size: .427rem;
    font-weight: 400;
    line-height: 34px;
    color: #495160;
    margin: .333rem 0 .333rem 0
}

.articles-detail .article-body-mb ol li {
    font-size: .427rem;
    font-weight: 400;
    line-height: .8rem;
    color: #495160;
    margin-bottom: 12px
}

.articles-detail .article-body-mb .list-colored li:before {
    width: .667rem;
    height: .667rem;
    line-height: .667rem
}

.articles-detail .article-vote {
    position: relative;
    padding: 24px 12px 24px 0
}

.articles-detail .article-vote-controls {
    display: inline-block
}

.articles-detail .article-vote-controls__item {
    padding-left: 0;
    border: none
}

.articles-detail .article-vote-controls__item,
.articles-detail .article-vote-controls__item:active,
.articles-detail .article-vote-controls__item:focus,
.articles-detail .article-vote-controls__item:hover {
    background: transparent;
    box-shadow: none
}

.articles-detail .article-vote-controls__item:before {
    display: inline-block;
    font-family: Font Awesome\ 5 Free;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    color: #e21558;
    content: "\f004";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .article-vote-controls__item--voted {
    border: none
}

.articles-detail .article-vote-controls__item--voted:before {
    content: "\f004"
}

@media (max-width:767px) {
    .articles-detail .article-vote-question {
        display: block;
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .article-vote-question {
        float: left;
        margin-right: 12px
    }
}

.articles-detail .article-vote-controls {
    white-space: nowrap
}

@media (max-width:991px) {
    .articles-detail .article-vote-controls {
        display: block;
        margin-bottom: 12px
    }
}

.articles-detail .article-vote-count {
    display: inline-block;
    font-size: 13.6px;
    color: #979797
}

.articles-detail .article__share {
    margin-bottom: 24px
}

.articles-detail .article__share ul {
    margin-top: 0
}

.articles-detail .article-footer,
.articles-detail .article__attachments {
    margin-bottom: 24px
}

.articles-detail .article-more-questions {
    margin-bottom: 24px;
    clear: both
}

.articles-detail .article-more-questions:empty {
    display: none
}

.articles-detail .article-more-questions a {
    white-space: nowrap
}

@media (max-width:767px) {
    .articles-detail .article-sidebar {
        padding-top: 24px;
        border-top: 1px solid #f1f1f1
    }
}

.articles-detail .comment-form__body {
    margin-bottom: 14px
}

.articles-detail .article-list {
    padding-left: 0;
    list-style: none
}

.articles-detail .article-list-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px
}

.articles-detail .article-list-item:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    border-width: 5px 0 5px 6px
}

.articles-detail .article-list-item__link {
    font-size: 18px;
    color: #504d7f
}

.articles-detail .article-list-item--is-promoted span {
    position: absolute;
    top: 6.5px;
    left: 0;
    font-size: 10px;
    color: #0586ce;
    vertical-align: middle
}

.articles-detail .article-list-item--is-promoted:before {
    display: none
}

@media (min-width:768px) {
    .articles-detail .article-list--section {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 45px;
        column-gap: 45px
    }
}

.articles-detail .comments__callout {
    font-size: 13.6px;
    color: #979797
}

.articles-detail .comments__callout:empty {
    display: none
}

.articles-detail .comments__list {
    padding-left: 0;
    list-style: none
}

.articles-detail .comment-list-header {
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .comment-list-heading {
    margin-bottom: 0;
    font-size: 17.6px;
    font-weight: 600
}

.articles-detail .comment-sorter {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

@media (min-width:768px) {
    .articles-detail .comment-sorter {
        display: table;
        width: 100%
    }
}

@media (min-width:768px) {
    .articles-detail .comment-sorter__col {
        display: table-cell;
        vertical-align: middle
    }
}

@media (max-width:767px) {
    .articles-detail .comment-sorter__col--main {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .comment-sorter__col--main {
        padding-right: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .comment-sorter__col--filters {
        text-align: right
    }
}

.articles-detail .comment-sorter__item.is-active {
    font-weight: 600
}

.articles-detail .comment-sorter__item+.comment-sorter__item:before {
    margin: 0 6px;
    font-size: 10px;
    content: "\2022"
}

.articles-detail .comment {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .comment__inner {
    position: relative;
    padding-right: 72px
}

.articles-detail .comments__content {
    position: relative;
    padding-right: 12px
}

.articles-detail .comment__header {
    position: relative;
    margin-bottom: calc(var(line-height-computed))
}

.articles-detail .comment__voting-and-actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    text-align: center
}

.articles-detail .comment__voting-and-actions .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    content: "\f013";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .comment__official-heading {
    position: absolute;
    top: 0;
    right: 36px;
    width: auto;
    padding: 1px 6px;
    font-size: 13.6px;
    color: #fff;
    background-color: #276fd0;
    border-radius: 0 0 4px 4px
}

.articles-detail .comment--official .comment__inner {
    position: relative;
    padding: 24px 24px;
    background-color: #fff;
    border: 1px solid #276fd0;
    border-radius: 4px
}

.articles-detail .comment-form {
    position: relative;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .articles-detail .comment-form {
        padding-left: 72px
    }
}

.articles-detail .comment-form__avatar {
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:767px) {
    .articles-detail .comment-form__avatar {
        display: none
    }
}

.articles-detail .comment__body {
    margin-bottom: 24px
}

.articles-detail .comment__body ul {
    list-style: disc
}

.articles-detail .comment__body ol,
.articles-detail .comment__body ul {
    padding-left: 20px
}

.articles-detail .comment__body ol ol,
.articles-detail .comment__body ol ul,
.articles-detail .comment__body ul ol,
.articles-detail .comment__body ul ul {
    margin-top: 12px
}

.articles-detail .comment__body ol li,
.articles-detail .comment__body ul li {
    margin-bottom: 12px
}

.articles-detail .comment-form__attachments {
    margin-bottom: 24px
}

.articles-detail .comment-form__mark-as-solved {
    position: relative
}

.articles-detail .comment-form__comment-ccs ul {
    margin-bottom: 0
}

.articles-detail .share {
    padding-left: 0;
    white-space: nowrap;
    list-style: none
}

.articles-detail .share li {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top
}

.articles-detail .share a {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    border-radius: 4px;
    touch-action: manipulation
}

.articles-detail .share a:before {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: Font Awesome\ 5 Brands;
    font-weight: 300;
    text-align: center
}

.articles-detail .share-facebook {
    color: #3d5b95;
    background-color: #f1f1f1;
    border-color: #f1f1f1
}

.articles-detail .share-facebook:active,
.articles-detail .share-facebook:focus,
.articles-detail .share-facebook:hover {
    color: #2b406a;
    background-color: #d8d8d8;
    border-color: #d2d2d2
}

.articles-detail .share-facebook:active {
    background-image: none
}

.articles-detail .share-facebook:before {
    content: "\f09a"
}

.articles-detail .share-twitter {
    color: #24aadd;
    background-color: #f1f1f1;
    border-color: #f1f1f1
}

.articles-detail .share-twitter:active,
.articles-detail .share-twitter:focus,
.articles-detail .share-twitter:hover {
    color: #1a82a9;
    background-color: #d8d8d8;
    border-color: #d2d2d2
}

.articles-detail .share-twitter:active {
    background-image: none
}

.articles-detail .share-twitter:before {
    content: "\f099"
}

.articles-detail .share-linkedin {
    color: #0976b4;
    background-color: #f1f1f1;
    border-color: #f1f1f1
}

.articles-detail .share-linkedin:active,
.articles-detail .share-linkedin:focus,
.articles-detail .share-linkedin:hover {
    color: #06507a;
    background-color: #d8d8d8;
    border-color: #d2d2d2
}

.articles-detail .share-linkedin:active {
    background-image: none
}

.articles-detail .share-linkedin:before {
    content: "\f0e1"
}

.articles-detail .share-googleplus {
    color: #d23e30;
    background-color: #f1f1f1;
    border-color: #f1f1f1
}

.articles-detail .share-googleplus:active,
.articles-detail .share-googleplus:focus,
.articles-detail .share-googleplus:hover {
    color: #a22e23;
    background-color: #d8d8d8;
    border-color: #d2d2d2
}

.articles-detail .share-googleplus:active {
    background-image: none
}

.articles-detail .share-googleplus:before {
    content: "\f0d5"
}

.articles-detail .my-activities-header {
    margin-bottom: 24px
}

.articles-detail .my-activities-items {
    margin-bottom: 48px
}

@media (min-width:768px) {
    .articles-detail .my-activities-items {
        display: table;
        width: 100%
    }
}

.articles-detail .my-activities-items__head {
    display: none;
    color: #979797
}

@media (min-width:768px) {
    .articles-detail .my-activities-items__head {
        display: table-header-group;
        font-size: 13.6px;
        font-weight: 600;
        text-transform: uppercase
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-items__body {
        display: table-row-group
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-items__row {
        display: table-row
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-items__col {
        display: table-cell;
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #f1f1f1
    }

    .articles-detail .my-activities-items__col+.my-activities-items__col {
        padding-left: 12px
    }
}

@media (max-width:767px) {
    .articles-detail .my-activities-items__request-id {
        display: inline
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-items__request-id {
        display: none
    }
}

.articles-detail .my-activities-menu ul {
    padding-left: 0;
    list-style: none
}

.articles-detail .my-activities-menu__item,
.articles-detail .my-activities-menu__items {
    margin-bottom: 0
}

.articles-detail .my-activities-menu__item a {
    display: block
}

@media (min-width:768px) {
    .articles-detail .my-activities-menu__item {
        float: left
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-menu__item+.my-activities-menu__item {
        margin-left: 12px
    }
}

.articles-detail .my-activities-menu--main {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .my-activities-menu--main .my-activities-menu__item {
    padding: 6px 12px;
    background-color: #f1f1f1;
    border-radius: 4px
}

@media (max-width:767px) {
    .articles-detail .my-activities-menu--main .my-activities-menu__item {
        margin-bottom: 8px
    }
}

.articles-detail .my-activities-menu--main .my-activities-menu__item.is-active {
    font-weight: 600;
    color: #111
}

.articles-detail .my-activities-menu--sub {
    margin-bottom: 24px
}

.articles-detail .my-activities-menu--sub .my-activities-menu__item.is-active {
    font-weight: 600
}

.articles-detail .my-activities-menu--sub .my-activities-menu__item a {
    display: inline-block
}

@media (min-width:768px) {
    .articles-detail .my-activities-menu--sub .my-activities-menu__item+.my-activities-menu__item:before {
        margin-right: 6px;
        font-size: 10px;
        content: "\2022"
    }
}

@media (max-width:767px) {
    .articles-detail .my-activities-item {
        padding: 12px 12px;
        margin-bottom: 24px;
        border: 1px solid #f1f1f1;
        border-radius: 4px
    }
}

.articles-detail .my-activities-item__meta {
    font-size: 14px;
    color: #979797
}

@media (max-width:767px) {
    .articles-detail .my-activities-item__meta {
        display: inline-block;
        margin-right: 6px
    }

    .articles-detail .my-activities-item__meta+.my-activities-item__meta:before {
        margin-right: 6px;
        content: "\2022"
    }
}

.articles-detail .my-activities-item__title {
    font-weight: 400
}

@media (max-width:767px) {
    .articles-detail .my-activities-item__title {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .articles-detail .my-activities-item__icon {
        display: inline-block
    }
}

@media (min-width:768px) {
    .articles-detail .my-activities-item__icon {
        display: none
    }
}

.articles-detail .request-table-toolbar {
    padding-top: 12px;
    padding-bottom: 6px;
    margin-bottom: 24px;
    background-color: #f9f9f9;
    border-radius: 4px
}

@media (min-width:768px) {
    .articles-detail .request-table-toolbar {
        padding-top: 6px;
        padding-bottom: 12px
    }
}

.articles-detail .request-table-toolbar label {
    font-size: 13.6px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .articles-detail .request-table-filters {
        display: table;
        width: 100%
    }
}

.articles-detail .request-table-filters__item {
    padding-right: 12px;
    padding-left: 12px
}

@media (max-width:767px) {
    .articles-detail .request-table-filters__item {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .request-table-filters__item {
        display: table-cell;
        width: 33%;
        vertical-align: bottom
    }
}

.articles-detail .request-table-organization {
    display: table;
    width: 100%
}

.articles-detail .request-table-organization__col {
    display: table-cell;
    vertical-align: middle
}

.articles-detail .request-table-organization__col--main {
    width: 100%
}

.articles-detail .request-table-organization__col--button {
    padding-left: 6px
}

.articles-detail .request-table-organization__col--button [role=button] {
    height: calc(24px + 14);
    padding-top: 0;
    padding-bottom: 0;
    line-height: calc(24px + 14)
}

.articles-detail .requests-sort-symbol {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}

.articles-detail .requests-sort-symbol:after {
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 5px;
    font-family: Font Awesome\ 5 Free;
    font-size: 14px;
    font-weight: 900;
    color: #979797;
    content: "\f0d7"
}

.articles-detail .requests-link {
    color: #979797;
    white-space: nowrap
}

.articles-detail .requests-link[href*=asc] .requests-sort-symbol:after {
    content: "\f0d8"
}

.articles-detail .request-page {
    margin-bottom: 48px
}

.articles-detail .request {
    position: relative
}

.articles-detail .request-id {
    margin-bottom: 12px;
    font-weight: 600
}

.articles-detail .request-subject {
    font-size: 24px
}

@media (min-width:992px) {
    .articles-detail .request-subject {
        font-size: 28px;
        font-weight: 300
    }
}

.articles-detail .request-follow-up:empty {
    display: none
}

.articles-detail .request-sidebar {
    padding: 24px 12px 0;
    margin-bottom: 24px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    border-radius: 4px
}

.articles-detail .request-sidebar dd {
    margin-bottom: 12px
}

.articles-detail .request-status {
    display: inline-block;
    padding: 1px 6px;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    border-radius: 4px
}

.articles-detail .request-status--closed,
.articles-detail .request-status--solved {
    background-color: #5cb85c
}

.articles-detail .request-status--new,
.articles-detail .request-status--open {
    background-color: #e5415e
}

.articles-detail .request-status--answered {
    background-color: #f5a623
}

.articles-detail .new-request-page {
    margin-bottom: 48px
}

.articles-detail .new-request-title {
    font-size: 24px
}

@media (min-width:768px) {
    .articles-detail .new-request-title {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .articles-detail .new-request-title {
        font-size: 40px
    }
}

.articles-detail .new-request-form {
    margin-bottom: 24px
}

.articles-detail .upload-dropzone {
    padding: 24px 16px;
    border-color: #bdc2c5;
    border-radius: 4px;
    font-size: 13.6px
}

.articles-detail .upload-dropzone a {
    font-size: 13.6px
}

.articles-detail .intro-title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .intro-title {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .articles-detail .intro-title {
        margin-bottom: 33.6px;
        font-size: 40px
    }
}

.articles-detail .custom-blocks {
    position: relative;
    z-index: 3;
    margin-top: -180px;
    margin-bottom: 24px;
    justify-content: center
}

@media (min-width:768px) {
    .articles-detail .custom-blocks {
        display: flex;
        margin-bottom: 72px;
        flex-wrap: wrap
    }
}

.articles-detail .custom-block {
    display: flex;
    float: none;
    margin-bottom: 24px;
    text-align: center
}

.articles-detail .custom-block__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 16px 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px 5px rgba(62, 60, 98, .08);
    transition: all .22s
}

@media (min-width:768px) {

    .articles-detail .custom-block__link:active,
    .articles-detail .custom-block__link:focus,
    .articles-detail .custom-block__link:hover {
        transform: scale(1.045)
    }
}

.articles-detail .custom-block__icon {
    display: inline-block
}

.articles-detail .custom-block__icon svg {
    width: 98px;
    height: 98px
}

@media (min-width:480px) {
    .articles-detail .custom-block__icon {
        margin-bottom: 24px
    }
}

.articles-detail .custom-block__title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #484652
}

.articles-detail .custom-block__description {
    margin-bottom: 0;
    font-size: 14px;
    color: #979797
}

.articles-detail .icon-color-stroke-primary {
    stroke: #276fd0
}

.articles-detail .icon-color-stroke-secondary {
    stroke: #ffa15a
}

.articles-detail .icon-color-fill-primary {
    fill: #276fd0
}

.articles-detail .icon-color-fill-secondary {
    fill: #ffa15a
}

.articles-detail .icon-color-fill {
    fill: #f8f8f8
}

.articles-detail .dropdown-toggle:after {
    display: inline-block;
    margin-left: 5px;
    font-family: Font Awesome\ 5 Free;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5;
    color: inherit;
    content: "\f107";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .dropdown-menu {
    min-width: 170px !important;
    overflow: hidden;
    font-size: 14px
}

.articles-detail .dropdown-menu [role=menuitem] {
    position: relative;
    padding: 12px 26px 12px 12px;
    white-space: normal
}

.articles-detail .dropdown-menu [role=menuitem][aria-selected=true]:after {
    position: absolute;
    top: 16px;
    right: 12px;
    display: inline-block;
    margin-left: 10px !important;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5;
    content: "\f00c";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .error-page {
    padding: 10% 0;
    text-align: center
}

.articles-detail .error-page__title {
    text-transform: capitalize
}

.articles-detail .footer-submit-ticket {
    position: relative;
    padding: 48px 16px;
    color: #fff;
    text-align: center;
    border-radius: 4px
}

.articles-detail .footer-submit-ticket__title {
    font-size: 28px
}

@media (min-width:768px) {
    .articles-detail .footer-submit-ticket__title {
        font-size: 40px
    }
}

.articles-detail .footer-submit-ticket__subtitle {
    font-size: 24px;
    color: #fff;
    opacity: .8
}

.articles-detail .footer-submit-ticket__btn {
    font-size: 16px;
    background: linear-gradient(104deg, #ffa15a, #ff8427)
}

.articles-detail .footer-submit-ticket__btn:hover {
    background: linear-gradient(104deg, #ff8427, #ff750e)
}

.articles-detail .note {
    position: relative;
    padding-left: 12px;
    margin: 24px 0;
    color: #444;
    border-left: 4px solid transparent
}

.articles-detail .note p:last-child {
    margin-bottom: 0
}

.articles-detail .note-title {
    margin-bottom: 12px;
    font-weight: 600
}

.articles-detail .note--default,
.articles-detail .note-default {
    border-color: #818a91
}

.articles-detail .note--default .note-title,
.articles-detail .note-default .note-title {
    color: #818a91
}

.articles-detail .note--info,
.articles-detail .note-info {
    border-color: #44a2df
}

.articles-detail .note--info .note-title,
.articles-detail .note-info .note-title {
    color: #44a2df
}

.articles-detail .note--warning,
.articles-detail .note-warning {
    border-color: #f5a623
}

.articles-detail .note--warning .note-title,
.articles-detail .note-warning .note-title {
    color: #f5a623
}

.articles-detail .note--success,
.articles-detail .note-success {
    border-color: #5cb85c
}

.articles-detail .note--success .note-title,
.articles-detail .note-success .note-title {
    color: #5cb85c
}

.articles-detail .note--danger,
.articles-detail .note-danger {
    border-color: #e5415e
}

.articles-detail .note--danger .note-title,
.articles-detail .note-danger .note-title {
    color: #e5415e
}

.articles-detail .footer {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    height: 100%;
    width: 100%;
    background: #f2f5f8
}

.articles-detail .footer__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    position: relative
}

.articles-detail .footer__wrapper a {
    color: #9b9b9b;
    margin-right: 14px;
    margin-left: 14px
}

.articles-detail .footer__wrapper span {
    color: #ddd
}

.articles-detail .footer__inner {
    width: 100%;
    padding-bottom: 20px;
    margin: 0 auto
}

@media (min-width:768px) {
    .articles-detail .footer__inner {
        display: table
    }
}

.articles-detail .footer__col {
    position: relative
}

@media (min-width:768px) {
    .articles-detail .footer__col {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width:768px) {
    .articles-detail .footer__col--social-links {
        text-align: right;
        vertical-align: middle
    }
}

.articles-detail .footer-social-link {
    width: 30px;
    height: 30px;
    font-size: calc(16px + 2);
    color: #fff;
    vertical-align: middle
}

.articles-detail .footer-social-link+.footer-social-link {
    margin-left: 5px
}

.articles-detail .footer-social-link:hover {
    color: #ffa15a
}

.articles-detail .copyright a {
    color: #fff
}

.articles-detail .layout {
    min-height: 100%;
    background-color: #fff
}

.articles-detail .layout__content {
    width: 100%;
    min-height: calc(100vh - 490px)
}

.articles-detail .layout__content:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\00a0"
}

.articles-detail .layout__footer,
.articles-detail .layout__header {
    height: 88px;
    flex: none;
    display: flex;
    width: 100%;
    position: sticky;
    top: 100%
}

.articles-detail .pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 12px
}

.articles-detail .pagination ul>li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 12px
}

.articles-detail .pagination ul>li>a,
.articles-detail .pagination ul>li>span {
    position: relative;
    display: block;
    padding: 6px 16px;
    line-height: 1.5;
    color: #a6a6a7;
    text-decoration: none;
    background-color: #f6f6f6;
    border-radius: 4px
}

.articles-detail .pagination ul>li>a:focus,
.articles-detail .pagination ul>li>a:hover,
.articles-detail .pagination ul>li>span:focus,
.articles-detail .pagination ul>li>span:hover {
    color: #32304f;
    background-color: #f1f1f1;
    border-color: #ddd
}

.articles-detail .pagination ul>.pagination-current>span,
.articles-detail .pagination ul>.pagination-current>span:focus,
.articles-detail .pagination ul>.pagination-current>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #276fd0;
    border-color: #276fd0
}

.articles-detail .satisfaction-box {
    padding: 24px 15px;
    margin: 0 0 20px;
    margin-top: 0;
    border-color: #f1f1f1;
    border-radius: 4px
}

.articles-detail .satisfaction-box h4:last-child {
    margin-bottom: 0
}

.articles-detail .satisfaction-box input[type=radio]~label {
    display: inline-block;
    padding: 6px 18px;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: calc(16px - 5);
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 4px;
    transition: all .3s ease;
    touch-action: manipulation
}

.articles-detail .satisfaction-box input[type=radio]~label:active:focus,
.articles-detail .satisfaction-box input[type=radio]~label:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.articles-detail .satisfaction-box input[type=radio]~label:focus,
.articles-detail .satisfaction-box input[type=radio]~label:hover {
    color: #fff;
    text-decoration: none
}

.articles-detail .satisfaction-box input[type=radio]~label:active {
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_good] {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_good]:active,
.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_good]:focus,
.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_good]:hover {
    color: #e0e0e0;
    background-color: #449d44;
    border-color: #419641
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_good]:active {
    background-image: none
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_bad] {
    color: #fff;
    background-color: #e5415e;
    border-color: #e22b4b
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_bad]:active,
.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_bad]:focus,
.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_bad]:hover {
    color: #e0e0e0;
    background-color: #d61d3e;
    border-color: #b61935
}

.articles-detail .satisfaction-box input[type=radio]~label[for=satisfaction_rating_score_bad]:active {
    background-image: none
}

.articles-detail .satisfaction-box input[type=radio][checked=checked][value=good]+label {
    color: #fff !important;
    background-color: #419641 !important;
    border-color: #419641 !important
}

.articles-detail .satisfaction-box input[type=radio][checked=checked][value=bad]+label {
    color: #fff !important;
    background-color: #cd1c3b !important;
    border-color: #b61935 !important
}

.articles-detail .satisfaction-box label.disabled {
    margin-bottom: 24px !important
}

.articles-detail .satisfaction-box label.disabled[for=satisfaction_rating_score_good] {
    color: #5cb85c !important
}

.articles-detail .satisfaction-box label.disabled[for=satisfaction_rating_score_bad] {
    color: #e5415e !important
}

.articles-detail .satisfaction-comment {
    margin-top: 15px
}

.articles-detail .satisfaction-box .satisfaction-submit {
    margin-left: 10px !important;
    font-size: calc(16px - 5) !important;
    color: #fff;
    background-color: #276fd0;
    border-color: #2364bb
}

.articles-detail .satisfaction-box .satisfaction-submit:active,
.articles-detail .satisfaction-box .satisfaction-submit:focus,
.articles-detail .satisfaction-box .satisfaction-submit:hover {
    color: #e0e0e0;
    background-color: #1f58a5;
    border-color: #194887
}

.articles-detail .satisfaction-box .satisfaction-submit:active {
    background-image: none
}

.articles-detail .satisfaction-reason {
    padding-top: 24px
}

.articles-detail .satisfaction-box .satisfaction-cancel {
    font-size: calc(16px - 5) !important;
    line-height: 1.5 !important
}

.articles-detail .topbar {
    position: relative;
    width: 100%
}

.articles-detail .topbar__container-inner {
    position: relative;
    z-index: 4
}

.articles-detail .topbar__inner {
    width: 100%;
    margin: 0 auto;
    height: 65px
}

@media (min-width:768px) {
    .articles-detail .topbar__inner {
        display: table
    }
}

.articles-detail .topbar__col {
    position: relative;
    padding: 12px 0
}

@media (min-width:768px) {
    .articles-detail .topbar__col {
        display: table-cell;
        padding: 0;
        vertical-align: middle
    }
}

@media (min-width:768px) {
    .articles-detail .topbar__controls {
        display: flex;
        float: right;
        align-items: center
    }
}

@media (max-width:767px) {
    .articles-detail .topbar__collapse {
        display: none;
        padding-top: 12px;
        padding-bottom: 24px
    }
}

@media (min-width:768px) {
    .articles-detail .topbar__collapse {
        display: block !important
    }
}

@media (max-width:767px) {
    .articles-detail .topbar__menu {
        padding: 0
    }
}

.articles-detail .topbar__search {
    height: 40px
}

.articles-detail .topbar__search input[type=submit] {
    display: none
}

@media (max-width:767px) {
    .articles-detail .topbar__search {
        display: block !important;
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .topbar__search {
        display: inline-block;
        height: auto;
        margin-right: 24px
    }
}

.articles-detail .topbar__search-bar {
    display: block;
    width: 100%
}

@media (max-width:767px) {
    .articles-detail .topbar__search-bar {
        display: block !important
    }
}

@media (min-width:768px) {
    .articles-detail .topbar__search-bar {
        width: auto;
        animation-duration: .1s
    }

    .articles-detail .topbar__search-bar:before {
        display: none
    }
}

.articles-detail .topbar__btn-search {
    padding-right: 0;
    cursor: pointer;
    background-color: transparent
}

.articles-detail .topbar__btn-search:active,
.articles-detail .topbar__btn-search:focus,
.articles-detail .topbar__btn-search:hover {
    background-color: transparent;
    border-color: transparent
}

.articles-detail .topbar__btn-search svg circle {
    stroke: #fff
}

.articles-detail .topbar__btn-search svg path {
    fill: #fff
}

@media (max-width:767px) {
    .articles-detail .topbar__btn-search {
        display: none !important
    }
}

@media (min-width:768px) {
    .articles-detail .topbar__link {
        margin-right: 24px
    }
}

.articles-detail .topbar--small {
    color: #fff;
    background-color: #fff
}

.articles-detail .topbar--small .topbar__link {
    color: #484652
}

.articles-detail .topbar--small .topbar__link:active,
.articles-detail .topbar--small .topbar__link:focus,
.articles-detail .topbar--small .topbar__link:hover {
    color: #e0e0e0
}

.articles-detail .topbar--small .login {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.articles-detail .topbar--small .login:active,
.articles-detail .topbar--small .login:focus,
.articles-detail .topbar--small .login:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0
}

.articles-detail .topbar--small .login:active {
    background-image: none
}

.articles-detail .topbar--small .topbar__btn-search svg circle {
    stroke: #fff
}

.articles-detail .topbar--small .topbar__btn-search svg path {
    fill: #fff
}

.articles-detail .topbar--large {
    padding-bottom: 210px;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(at 25% 40%, #7470a8 0, #64609f 50%, #5a578f 110%)
}

@media (min-width:768px) {
    .articles-detail .topbar--large {
        margin-bottom: 48px
    }
}

.articles-detail .topbar--large.topbar_image {
    background: url(//theme.zdassets.com/theme_assets/9170621/c81ca50fbd07e3bd94d9f101d024f61cd095a60e.svg) no-repeat 50%;
    background-size: cover;
    position: inherit;
    z-index: 2
}

.articles-detail .topbar--large.topbar_image:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #504d7f;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.articles-detail .topbar--large .login {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.articles-detail .topbar--large .login:active,
.articles-detail .topbar--large .login:focus,
.articles-detail .topbar--large .login:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0
}

.articles-detail .topbar--large .login:active {
    background-image: none
}

.articles-detail .topbar--large .topbar__link {
    color: #fff
}

.articles-detail .topbar--large .topbar__link:active,
.articles-detail .topbar--large .topbar__link:focus,
.articles-detail .topbar--large .topbar__link:hover {
    color: #e0e0e0
}

.articles-detail .scroll-to-top {
    position: fixed;
    right: 30px;
    bottom: -50px;
    z-index: 3;
    width: 50px;
    height: 50px;
    font-size: 32px !important;
    line-height: 45px !important;
    text-align: center;
    border: 1px solid #276fd0;
    border-radius: 4px;
    transition: bottom .4s cubic-bezier(.175, .885, .32, 1.275)
}

.articles-detail .scroll-to-top:active,
.articles-detail .scroll-to-top:focus {
    outline: 0
}

.articles-detail .scroll-to-top.is-active {
    bottom: 30px
}

.articles-detail .scroll-to-top:hover {
    color: #32304f;
    border-color: #32304f
}

@media (max-width:767px) {
    .articles-detail .scroll-to-top {
        display: none
    }
}

.articles-detail .embed,
.articles-detail .embed-responsive {
    position: relative;
    z-index: 1;
    display: block;
    height: 0;
    padding: 0 0 56.25%;
    margin-bottom: 30px;
    overflow: hidden
}

.articles-detail .embed-responsive img,
.articles-detail .embed img {
    width: 100%
}

.articles-detail .embed-responsive embed,
.articles-detail .embed-responsive iframe,
.articles-detail .embed-responsive object,
.articles-detail .embed-responsive video,
.articles-detail .embed embed,
.articles-detail .embed iframe,
.articles-detail .embed object,
.articles-detail .embed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.articles-detail .embed-responsive:focus,
.articles-detail .embed:focus {
    outline: none !important
}

.articles-detail .embed-responsive--16by9 {
    padding-bottom: 56.25%
}

.articles-detail .embed-responsive--4by3 {
    padding-bottom: 75%
}

.articles-detail .visible-lg,
.articles-detail .visible-md,
.articles-detail .visible-sm,
.articles-detail .visible-xs {
    display: block !important
}

@media (max-width:767px) {
    .articles-detail .visible-xs {
        display: block
    }
}

@media (min-width:768px) and (max-width:991px) {
    .articles-detail .visible-sm {
        display: block
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .articles-detail .visible-md {
        display: block
    }
}

@media (min-width:--screen-lg) {
    .articles-detail .visible-lg {
        display: block
    }
}

@media (max-width:767px) {
    .articles-detail .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .articles-detail .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .articles-detail .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .articles-detail .hidden-lg {
        display: none !important
    }
}

.articles-detail .visible-print {
    display: none !important
}

@media print {
    .articles-detail .visible-print {
        display: block
    }
}

.articles-detail .visible-print-block {
    display: none !important
}

@media print {
    .articles-detail .visible-print-block {
        display: block !important
    }
}

.articles-detail .visible-print-inline {
    display: none !important
}

@media print {
    .articles-detail .visible-print-inline {
        display: inline !important
    }
}

.articles-detail .visible-print-inline-block {
    display: none !important
}

@media print {
    .articles-detail .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .articles-detail .hidden-print {
        display: none !important
    }
}

.articles-detail .page-header {
    margin-top: 48px;
    margin-bottom: 48px
}

.articles-detail .page-header--with-border {
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .page-header--center {
    text-align: center
}

.articles-detail .page-description {
    max-width: 600px;
    margin: auto;
    color: #818a91
}

.articles-detail .recent-articles h3,
.articles-detail .related-articles h3 {
    margin-bottom: 12px
}

@media (min-width:768px) {

    .articles-detail .recent-articles h3,
    .articles-detail .related-articles h3 {
        margin-top: 12px
    }
}

.articles-detail .recent-articles ul,
.articles-detail .related-articles ul {
    padding-left: 0;
    list-style: none
}

.articles-detail .recent-articles ul>li,
.articles-detail .related-articles ul>li {
    margin-bottom: 12px
}

.articles-detail .recent-articles ul>li a,
.articles-detail .related-articles ul>li a {
    padding-bottom: 1px;
    color: #111;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .recent-articles h3 {
    font-size: 20px
}

.articles-detail .section-articles {
    margin-bottom: 48px
}

@media (min-width:768px) {
    .articles-detail .section-articles {
        margin-bottom: 24px
    }
}

.articles-detail .section-articles__title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600
}

.articles-detail .section-articles__list {
    padding-left: 0;
    list-style: none
}

.articles-detail .section-articles__item {
    margin-bottom: 12px
}

.articles-detail .section-articles__link {
    position: relative;
    padding-bottom: 1px;
    padding-left: 20px
}

.articles-detail .section-articles__link:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #0586ce;
    border-style: solid;
    border-width: 5px 0 5px 6px
}

.articles-detail .community-recent-activity {
    padding: 90px 0;
    margin-bottom: 48px
}

.articles-detail .community-recent-activity h2 {
    font-size: 28px;
    font-weight: 400;
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .community-recent-activity h2 {
        margin-bottom: 74px
    }
}

.articles-detail .community-recent-activity .recent-activity-header {
    display: none
}

.articles-detail .community-recent-activity .recent-activity-list {
    padding-left: 0;
    margin-bottom: 24px;
    list-style: none
}

@media (min-width:768px) {
    .articles-detail .community-recent-activity .recent-activity-list {
        display: flex;
        margin-bottom: 16px
    }
}

.articles-detail .community-recent-activity .recent-activity-item {
    width: 100%;
    padding: 20px 20px 15px;
    margin-bottom: 24px;
    border-radius: 8px;
    box-shadow: 0 0 20px 5px rgba(62, 60, 98, .08)
}

@media (min-width:768px) {
    .articles-detail .community-recent-activity .recent-activity-item {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 30px;
        vertical-align: top
    }

    .articles-detail .community-recent-activity .recent-activity-item:last-child {
        margin-right: 0
    }
}

.articles-detail .community-recent-activity .recent-activity-item-meta {
    font-size: 13.6px;
    color: #979797
}

.articles-detail .community-recent-activity .recent-activity-item-comment span:before {
    display: inline-block;
    margin-right: 3px;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\f075";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .community-recent-activity .recent-activity-item-parent {
    display: none;
    font-weight: 600;
    color: #111
}

.articles-detail .community-recent-activity .recent-activity-controls a {
    display: inline-block;
    padding: 6px 18px;
    margin-bottom: 0;
    font-size: calc(16px - 5);
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    transition: all .3s ease;
    touch-action: manipulation
}

.articles-detail .community-recent-activity .recent-activity-controls a:active:focus,
.articles-detail .community-recent-activity .recent-activity-controls a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.articles-detail .community-recent-activity .recent-activity-controls a:focus,
.articles-detail .community-recent-activity .recent-activity-controls a:hover {
    color: #fff;
    text-decoration: none
}

.articles-detail .community-recent-activity .recent-activity-controls a:active {
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.articles-detail .community-recent-activity .recent-activity-controls a:active,
.articles-detail .community-recent-activity .recent-activity-controls a:focus,
.articles-detail .community-recent-activity .recent-activity-controls a:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .community-recent-activity .recent-activity-controls a:active {
    background-image: none
}

.articles-detail .recent-activity-item-link {
    display: block;
    margin-bottom: 7px;
    font-size: 18px
}

.articles-detail .recent-activity-no-activities {
    margin-bottom: 24px
}

.articles-detail .profile-header {
    padding: 24px 15px;
    margin-bottom: 24px;
    color: #fff;
    text-align: center;
    background-color: #276fd0;
    border-radius: 4px
}

.articles-detail .profile-header__avatar {
    display: inline-block
}

.articles-detail .profile-header__name {
    margin-bottom: 12px;
    font-size: 24px
}

.articles-detail .profile-header__name a {
    color: #fff
}

@media (min-width:768px) {
    .articles-detail .profile-header__name {
        font-size: 28px;
        font-weight: 300
    }
}

.articles-detail .profile-header__options [data-action=edit-profile] {
    color: #276fd0;
    background-color: transparent;
    border: 1px solid #276fd0
}

.articles-detail .profile-header__options [data-action=edit-profile]:active,
.articles-detail .profile-header__options [data-action=edit-profile]:focus,
.articles-detail .profile-header__options [data-action=edit-profile]:hover {
    color: #1d539c;
    background-color: transparent;
    border-color: #1d539c
}

.articles-detail .profile-header__options [data-action=edit-profile]:active {
    background-image: none
}

.articles-detail .profile-header__options [data-action=edit-profile]:hover {
    opacity: .8
}

.articles-detail .profile-header__private-badge {
    display: inline-block;
    margin-bottom: 24px;
    background-color: #276fd0
}

.articles-detail .profile-header__description {
    word-break: break-all
}

.articles-detail .profile-stats {
    padding-left: 0;
    margin-bottom: 12px;
    font-size: 13.6px;
    color: #979797;
    list-style: none
}

.articles-detail .profile-stats__stat {
    margin-right: 12px;
    margin-bottom: 6px
}

@media (max-width:767px) {
    .articles-detail .profile-stats__stat {
        display: block
    }

    .articles-detail .profile-stats__stat:before {
        display: none
    }
}

.articles-detail .profile-stats__label {
    margin-right: 6px
}

.articles-detail .profile-stats__value {
    color: #fff
}

.articles-detail .profile-nav {
    margin-bottom: 24px;
    overflow: hidden;
    font-size: 13.6px;
    font-weight: 600;
    background-color: #f1f1f1;
    border-radius: 4px
}

.articles-detail .profile-nav__items {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.articles-detail .profile-nav__item {
    margin-bottom: 0
}

@media (min-width:768px) {
    .articles-detail .profile-nav__item {
        display: inline-block;
        vertical-align: middle
    }
}

.articles-detail .profile-nav__item a {
    display: block;
    color: #111
}

.articles-detail .profile-nav__item.is-active {
    color: #fff;
    background-color: #276fd0;
    padding: 16px 12px;
    line-height: 1
}

.articles-detail .profile-nav__item a {
    padding: 16px 12px;
    line-height: 1
}

.articles-detail .profile-nav__item:after {
    right: 12px !important
}

.articles-detail .profile-section {
    width: 100%
}

.articles-detail .profile-section__header {
    margin-bottom: 24px
}

.articles-detail .profile-section__title {
    margin-bottom: 12px;
    font-size: 24px
}

.articles-detail .profile-section__description {
    font-size: 13.6px;
    color: #979797
}

@media (min-width:768px) {
    .articles-detail .profile-section__description {
        padding-bottom: 0
    }
}

.articles-detail .profile-section-sorter {
    font-size: 13.6px
}

.articles-detail .profile-section-sorter .dropdown {
    display: inline-block
}

@media (min-width:768px) {
    .articles-detail .profile-section-sorter {
        display: table;
        width: 100%;
        padding-top: 0;
        border-top: 0
    }
}

@media (min-width:768px) {
    .articles-detail .profile-section-sorter__col {
        display: table-cell;
        vertical-align: middle
    }
}

@media (max-width:767px) {
    .articles-detail .profile-section-sorter__col--main {
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .profile-section-sorter__col--main {
        padding-right: 12px
    }
}

@media (min-width:768px) {
    .articles-detail .profile-section-sorter__col--btn {
        text-align: right
    }
}

.articles-detail .profile-contribution {
    position: relative;
    padding: 12px 15px;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border-radius: 4px
}

.articles-detail .profile-contribution__header,
.articles-detail .profile-contribution__status {
    margin-bottom: 6px
}

.articles-detail .profile-contribution__title {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600
}

.articles-detail .profile-contribution__body {
    margin-bottom: 12px
}

.articles-detail .profile-contribution--list .profile-contribution__title:before {
    display: inline-block;
    margin-right: 2px;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .profile-contribution__breadcrumbs {
    padding: 0;
    margin-bottom: 12px;
    font-size: 13.6px
}

.articles-detail .profile__no-activity,
.articles-detail .profile__private-activity {
    color: #979797;
    text-align: center
}

.articles-detail .profile-activity-list {
    padding-left: 0;
    list-style: none
}

.articles-detail .profile-activity {
    position: relative;
    margin-bottom: 36px
}

.articles-detail .profile-activity__header {
    margin-bottom: 12px;
    font-size: 13.6px;
    font-weight: 600
}

.articles-detail .profile-activity__header:before {
    display: inline-block;
    margin-right: 2px;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.articles-detail .profile-activity__avatar {
    width: 30px;
    height: 30px;
    margin-right: 6px
}

.articles-detail .profile-activity-list--articles .profile-contribution__title:before,
.articles-detail .profile-activity[class$=-article] .profile-activity__header:before {
    content: "\f15c"
}

.articles-detail .profile-activity-list--posts .profile-contribution__title:before,
.articles-detail .profile-activity[class$=-post] .profile-activity__header:before {
    content: "\f086"
}

.articles-detail .profile-activity-list--comments .profile-contribution__title:before,
.articles-detail .profile-activity[class$=-comment] .profile-activity__header:before {
    font-weight: 400;
    content: "\f075"
}

.articles-detail .user-subscribe {
    display: inline-block
}

.articles-detail .entry-info {
    display: flex;
    font-size: 13.6px;
    align-items: center
}

.articles-detail .entry-info__avatar {
    padding-right: 12px
}

.articles-detail .status-label {
    padding: 2px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px
}

.articles-detail .status-label--pending {
    background-color: #f5a623
}

.articles-detail .status-label--with-ticket {
    background-color: #276fd0
}

.articles-detail .status-label--with-ticket:active,
.articles-detail .status-label--with-ticket:focus,
.articles-detail .status-label--with-ticket:hover {
    color: #fff
}

.articles-detail .status-label--closed,
.articles-detail .status-label--solved {
    background-color: #5cb85c
}

.articles-detail .status-label--new,
.articles-detail .status-label--open {
    background-color: #e5415e
}

.articles-detail .status-label--answered {
    background-color: #f5a623
}

.articles-detail .status-label--official {
    background-color: #276fd0
}

.articles-detail .status-label--answered,
.articles-detail .status-label--completed {
    background-color: #5cb85c
}

.articles-detail .status-label--planned {
    background-color: #ffa15a
}

.articles-detail .status-label--not-planned {
    color: #111;
    background-color: #f1f1f1
}

.articles-detail .attachment-list {
    padding-left: 0;
    margin: 0;
    font-size: 13.6px;
    list-style: none
}

.articles-detail .attachment-list__item {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px
}

.articles-detail .attachment-list__item:last-child {
    margin-bottom: 0
}

.articles-detail .attachment-list__icon {
    position: absolute;
    top: 4px;
    left: 0
}

@media (min-width:768px) {
    .articles-detail .promoted-articles {
        margin-right: -15px;
        margin-left: -15px
    }
}

.articles-detail .promoted-articles__list {
    display: flex;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    flex-flow: row wrap
}

@media (min-width:768px) {
    .articles-detail .promoted-articles__list {
        margin-right: -15px;
        margin-bottom: 66px;
        margin-left: -15px
    }
}

.articles-detail .promoted-articles-item .fa-star {
    margin-right: 6px;
    color: #0586ce
}

.articles-detail .promoted-articles-item__content {
    display: inline-block;
    vertical-align: top;
    max-width: 90%
}

.articles-detail .promoted-articles__title {
    font-size: 28px;
    font-weight: 400;
    text-align: center
}

@media (min-width:768px) {
    .articles-detail .promoted-articles__title {
        margin-bottom: 76px
    }
}

.articles-detail .promoted-articles-item__title {
    display: block;
    max-width: 360px;
    margin-bottom: 6px;
    font-size: 18px
}

.articles-detail .callout {
    padding: 24px 20px;
    margin-bottom: 24px;
    background-color: #f1f1f1;
    border-left: 5px solid
}

.articles-detail .callout p:last-child {
    margin-bottom: 0
}

.articles-detail .callout--transparent {
    background-color: transparent;
    border: 1px #dedede;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14)
}

.articles-detail .callout--success {
    color: #111;
    background-color: #e7f4e7;
    border-color: #5cb85c
}

.articles-detail .callout--success .callout__title {
    color: #5cb85c
}

.articles-detail .callout--info {
    color: #111;
    background-color: #eef6fc;
    border-color: #44a2df
}

.articles-detail .callout--info .callout__title {
    color: #44a2df
}

.articles-detail .callout--warning {
    color: #111;
    background-color: #fef3e1;
    border-color: #f5a623
}

.articles-detail .callout--warning .callout__title {
    color: #f5a623
}

.articles-detail .callout--danger {
    color: #111;
    background-color: #fdf0f2;
    border-color: #e5415e
}

.articles-detail .callout--danger .callout__title {
    color: #e5415e
}

.articles-detail .callout--primary {
    color: #111;
    background-color: #c9dcf5;
    border-color: #276fd0
}

.articles-detail .callout--primary .callout__title {
    color: #276fd0
}

.articles-detail .callout--dashed {
    border-style: dashed;
    border-width: 1px
}

.articles-detail .image-with-border {
    padding: 10px;
    border: 1px solid #d3d6d8;
    border-radius: 4px
}

.articles-detail .image-with-shadow {
    box-shadow: 0 5px 15px 2px #666
}

.articles-detail .image-with-lightbox {
    cursor: pointer
}

.articles-detail .image-overlay {
    position: relative
}

.articles-detail .image-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: hsla(0, 0%, 100%, .3)
}

.articles-detail .image-with-video-icon {
    position: relative;
    display: block
}

.articles-detail .image-with-video-icon img {
    width: 100%
}

.articles-detail .image-with-video-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 0;
    height: 0;
    font-size: 0;
    content: "";
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 30px 0 30px 60px;
    transition: transform .6s ease;
    transform: translate(-50%, -50%)
}

.articles-detail .image-with-video-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    background-color: rgba(0, 0, 0, .3)
}

.articles-detail .image-with-video-icon:active:before,
.articles-detail .image-with-video-icon:hover:before {
    transform: translate(-50%, -50%) scale(1.1)
}

.articles-detail .checked-bullet,
.articles-detail .list-colored {
    padding-left: 0 !important;
    list-style-type: none;
    counter-reset: list
}

.articles-detail .list-colored li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 16px !important;
    counter-increment: list
}

.articles-detail .list-colored li:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 30px;
    height: 30px;
    font-size: 13.6px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    content: counter(list);
    background-color: #029be5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.articles-detail .list-colored ol {
    margin-bottom: 14px;
    list-style-type: none;
    counter-reset: list
}

.articles-detail .article-body ol>li>ol>li {
    line-height: 24px !important
}

.articles-detail .article-body ol>li {
    line-height: 32px !important
}

.articles-detail .article-body ol>li>ol {
    list-style-type: decimal !important;
    margin-top: 10px !important;
    margin-bottom: 24px !important
}

.articles-detail .article-body ol>li>ol>li {
    padding-left: 0 !important;
    line-height: 18px !important
}

.articles-detail .article-body ol>li>ol>li:before {
    display: none !important
}

.articles-detail .checked-bullet li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 10px
}

.articles-detail .checked-bullet li:before {
    position: absolute;
    top: 2px;
    left: 0;
    font-family: Font Awesome\ 5 Free;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    color: #029be5;
    content: "\f00c";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px
}

.articles-detail .checked-bullet ul {
    margin-bottom: 14px;
    list-style: none
}

.articles-detail .text-left {
    text-align: left
}

.articles-detail .text-center {
    text-align: center
}

.articles-detail .text-right {
    text-align: right
}

.articles-detail .text-primary {
    background-color: #a2c2ee
}

.articles-detail .text-info {
    background-color: #44a2df
}

.articles-detail .text-warning {
    background-color: #f5a623
}

.articles-detail .text-danger {
    background-color: #e5415e
}

.articles-detail .text-success {
    background-color: #5cb85c
}

.articles-detail .accordion {
    padding-top: 0;
    margin-bottom: 24px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 10px
}

.articles-detail .accordion__item-title {
    position: relative;
    padding: 15px 20px 15px 52px;
    font-size: 20px;
    cursor: pointer
}

.articles-detail .accordion__item-title:not(.accordion__item-title--active) {
    border-bottom: 1px solid #ddd
}

.articles-detail .accordion__item-title:before {
    position: absolute;
    content: ""
}

.articles-detail .accordion__item-content {
    display: none;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 18px
}

.articles-detail .accordion__item-content p:last-child {
    margin-bottom: 0
}

.articles-detail .accordion__item-content p {
    margin: 0 0 15px 0
}

.articles-detail .accordion__item-content ol:last-child {
    margin: 0
}

.articles-detail .accordion__item-content ol {
    padding-left: 20px;
    margin: 0 0 15px
}

.articles-detail .accordion__item:last-child .accordion__item-title {
    border-bottom: none
}

.articles-detail .accordion--default .accordion__item-title:before {
    top: 50%;
    left: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid #276fd0;
    border-left: 2px solid #276fd0;
    transition: transform .3s;
    transform: rotate(-45deg)
}

.articles-detail .accordion--default .accordion__item-title--active {
    background-color: #f0f0f0
}

.articles-detail .accordion--default .accordion__item-title--active:before {
    transition: transform .3s;
    transform: rotate(135deg)
}

.articles-detail .accordion--colored .accordion__item-title {
    transition: background-color .3s
}

.articles-detail .accordion--colored .accordion__item-title:after,
.articles-detail .accordion--colored .accordion__item-title:before {
    top: 50%
}

.articles-detail .accordion--colored .accordion__item-title:before {
    left: 20px;
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-color: #818a91
}

.articles-detail .accordion--colored .accordion__item-title:after {
    position: absolute;
    left: 24px;
    width: 2px;
    height: 10px;
    margin-top: -5px;
    content: "";
    background-color: #818a91
}

.articles-detail .accordion--colored .accordion__item-title--active {
    color: #fff;
    background-color: #276fd0;
    transition: background-color .3s
}

.articles-detail .accordion--colored .accordion__item-title--active:before {
    background-color: #fff
}

.articles-detail .accordion--colored .accordion__item-title--active:after {
    display: none
}

.articles-detail .tabs {
    margin-bottom: 24px
}

.articles-detail .tab {
    display: block;
    padding: 30px;
    margin-top: -1px;
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.articles-detail .tab p:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .articles-detail .tab {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

.articles-detail .tab:nth-child(2) {
    border-top-left-radius: 0
}

.articles-detail .tabs-link {
    display: block;
    padding: 8px 30px;
    margin: 0;
    font-weight: 600;
    color: #111;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom-width: 0
}

.articles-detail .tabs-link:hover {
    color: #276fd0
}

@media (max-width:767px) {
    .articles-detail .tabs-link {
        border-top-color: #ddd;
        border-right-color: #ddd;
        border-left-color: #ddd
    }

    .articles-detail .tabs-link:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

@media (min-width:768px) {
    .articles-detail .tabs-link {
        display: inline-block
    }
}

.articles-detail .tabs-link.is-active {
    color: #276fd0;
    cursor: pointer;
    border-color: #ddd
}

.articles-detail .tabs-link.is-active:hover {
    color: #276fd0;
    cursor: default
}

@media (min-width:768px) {
    .articles-detail .tabs-link.is-active {
        border-bottom: 1px solid #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

.articles-detail .tabs--colored-1 .tab {
    background-color: #fcfcfd !important
}

.articles-detail .tabs--colored-1 .tabs-link.is-active {
    background-color: #fcfcfd;
    border-bottom-color: #fcfcfd
}

.articles-detail .tabs--colored-2 .tabs-link:hover {
    color: #276fd0
}

.articles-detail .tabs--colored-2 .tabs-link.is-active {
    color: #fff;
    background-color: #276fd0;
    border-color: #276fd0
}

.articles-detail .tabs--colored-2 .tabs-link.is-active:hover {
    color: #fff
}

.articles-detail .tabs--colored-2 .tab {
    background-color: #fcfcfd !important
}

.articles-detail .waves {
    overflow: hidden
}

.articles-detail .waves--footer {
    position: absolute;
    top: -98px;
    left: 0;
    width: 100%
}

.articles-detail .waves--footer svg {
    width: 100%;
    min-width: 1900px
}

.articles-detail .waves--large {
    position: absolute;
    bottom: -61px;
    left: 0;
    z-index: 1;
    width: 100%
}

.articles-detail .waves--large svg {
    width: 100%;
    min-width: 500px;
    min-height: 363px
}

@media (min-width:480px) {
    .articles-detail .waves--large svg {
        min-width: 700px
    }
}

@media (min-width:992px) {
    .articles-detail .waves--large svg {
        min-width: 1300px
    }
}

@media (min-width:1200px) {
    .articles-detail .waves--large svg {
        min-width: 1900px
    }
}

.articles-detail .waves--small {
    position: relative;
    margin-top: -1px;
    margin-bottom: 24px;
    color: #276fd0
}

.articles-detail .waves--small svg {
    width: 100%;
    min-width: 1900px;
    height: 47px
}

.articles-detail .waves--small svg path {
    fill: currentColor
}

.articles-detail .waves__wave {
    fill: #fff
}

.articles-detail .waves__wave-left.wave-bottom,
.articles-detail .waves__wave-right.wave-bottom {
    opacity: .4
}

.articles-detail .waves__wave-left.waves__wave-top,
.articles-detail .waves__wave-right.waves__wave-top {
    opacity: .3
}

.articles-detail .waves__wave--footer-primary,
.articles-detail .waves__wave-footer-with-opacity {
    fill: #276fd0
}

.articles-detail .community-nav__item {
    float: left
}

.articles-detail .community-nav__item+.community-nav__item {
    margin-left: 12px
}

.articles-detail .community-nav__item.is-active {
    font-weight: 600
}

.articles-detail .community-nav__item--button {
    float: right
}

.articles-detail .vote {
    width: 100%;
    max-width: 60px
}

.articles-detail .vote [aria-selected=true] {
    z-index: 2
}

.articles-detail .vote-sum {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    text-align: center
}

.articles-detail .vote-control {
    position: relative;
    display: block !important;
    padding: 4px 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #111;
    background-color: transparent;
    border: 1px solid #276fd0
}

.articles-detail .vote-control--voted,
.articles-detail .vote-control:active,
.articles-detail .vote-control:focus,
.articles-detail .vote-control:hover {
    z-index: 2;
    background-color: #276fd0
}

.articles-detail .vote-control--voted:before,
.articles-detail .vote-control:active:before,
.articles-detail .vote-control:focus:before,
.articles-detail .vote-control:hover:before {
    color: #fff
}

.articles-detail .vote-control--active {
    border-color: #474747
}

@media (min-width:768px) {
    .articles-detail .topic-list-page {
        margin-bottom: 24px
    }
}

.articles-detail .topic-list-item:nth-child(odd) {
    clear: left
}

.articles-detail .topic-list-item__box {
    padding: 24px 12px;
    margin-bottom: 24px;
    border: 1px solid #f1f1f1;
    border-radius: 4px
}

.articles-detail .topic-list-item__title {
    margin-bottom: 12px
}

.articles-detail .topic-page {
    margin-bottom: 48px
}

.articles-detail .topic {
    display: table;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

.articles-detail .topic__col {
    display: table-cell;
    vertical-align: inherit
}

@media (min-width:480px) {
    .articles-detail .topic__col {
        vertical-align: top
    }
}

.articles-detail .topic__col--new-post {
    text-align: right
}

.articles-detail .topic__title {
    width: 100%;
    margin-bottom: 12px;
    font-size: 28px
}

.articles-detail .topic-filters__item {
    float: left;
    margin-right: 6px
}

@media (max-width:767px) {
    .articles-detail .topic-filters__item {
        margin-bottom: 12px
    }
}

.articles-detail .topic-controls {
    margin-bottom: 48px
}

.articles-detail .topic-controls__item {
    float: left
}

.articles-detail .topic-followers {
    margin-right: 6px
}

@media (min-width:768px) {
    .articles-detail .topic-controls__item--subscribe {
        float: right;
        white-space: nowrap
    }
}

.articles-detail .topic-controls__item--subscribe .dropdown {
    display: inline-block;
    vertical-align: middle
}

.articles-detail .topic-controls__item--subscribe .dropdown-menu {
    right: 0;
    left: auto
}

.articles-detail .topic-controls__item--subscribe .dropdown-toggle,
.articles-detail .topic-controls__item--subscribe .topic-unsubscribe {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .topic-controls__item--subscribe .dropdown-toggle:active,
.articles-detail .topic-controls__item--subscribe .dropdown-toggle:focus,
.articles-detail .topic-controls__item--subscribe .dropdown-toggle:hover,
.articles-detail .topic-controls__item--subscribe .topic-unsubscribe:active,
.articles-detail .topic-controls__item--subscribe .topic-unsubscribe:focus,
.articles-detail .topic-controls__item--subscribe .topic-unsubscribe:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .topic-controls__item--subscribe .dropdown-toggle:active,
.articles-detail .topic-controls__item--subscribe .topic-unsubscribe:active {
    background-image: none
}

@media (min-width:768px) {
    .articles-detail .post-page {
        margin-bottom: 48px
    }
}

.articles-detail .post {
    position: relative;
    margin-bottom: 24px
}

.articles-detail .post__title {
    padding-right: 18px;
    font-size: 24px
}

@media (min-width:768px) {
    .articles-detail .post__title {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .articles-detail .post__title {
        font-size: 40px
    }
}

.articles-detail .post-follow .post-subscribe,
.articles-detail .post-follow .post-unsubscribe {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .post-follow .post-subscribe:active,
.articles-detail .post-follow .post-subscribe:focus,
.articles-detail .post-follow .post-subscribe:hover,
.articles-detail .post-follow .post-unsubscribe:active,
.articles-detail .post-follow .post-unsubscribe:focus,
.articles-detail .post-follow .post-unsubscribe:hover {
    color: #e0e0e0;
    background-color: transparent;
    border-color: transparent
}

.articles-detail .post-follow .post-subscribe:active,
.articles-detail .post-follow .post-unsubscribe:active {
    background-image: none
}

.articles-detail .post-meta {
    display: table;
    width: 100%;
    margin-bottom: 24px
}

.articles-detail .post-meta__col {
    display: table-cell;
    vertical-align: top
}

.articles-detail .post-meta__col--main {
    width: 100%;
    padding-right: 12px
}

.articles-detail .post__text {
    word-wrap: break-word
}

.articles-detail .post__body {
    padding-right: 72px
}

.articles-detail .post__body ul {
    list-style: disc
}

.articles-detail .post__body ol,
.articles-detail .post__body ul {
    padding-left: 20px
}

.articles-detail .post__body ol ol,
.articles-detail .post__body ol ul,
.articles-detail .post__body ul ol,
.articles-detail .post__body ul ul {
    margin-top: 12px
}

.articles-detail .post__body ol li,
.articles-detail .post__body ul li {
    margin-bottom: 12px
}

.articles-detail .post__voting-and-actions {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    text-align: center
}

.articles-detail .post__voting-and-actions .dropdown-toggle {
    font-size: 0
}

.articles-detail .post__voting-and-actions .dropdown-toggle:after {
    margin-left: 0;
    font-size: 16px;
    content: "\f013"
}

.articles-detail .post__actions .dropdown-menu {
    width: auto
}

.articles-detail .post__actions .dropdown-menu [role=menuitem] {
    white-space: nowrap
}

.articles-detail .post-callout {
    padding: 12px 15px;
    margin-bottom: 55px;
    background-color: #f1f1f1
}

.articles-detail .post-callout__title {
    font-size: 17.6px;
    font-weight: 600
}

@media (min-width:768px) {
    .articles-detail .post-list-page {
        margin-bottom: 48px
    }
}

.articles-detail .post-list-item {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1
}

@media (min-width:768px) {
    .articles-detail .post-list-item {
        display: table;
        width: 100%
    }
}

.articles-detail .post-list-item__title {
    margin-bottom: 12px;
    font-size: 24px
}

.articles-detail .post-list-item__title .fa-star {
    position: relative;
    top: -4px;
    font-size: 50%
}

@media (min-width:768px) {
    .articles-detail .post-list-item__col {
        display: table-cell;
        vertical-align: top
    }
}

@media (min-width:768px) {
    .articles-detail .post-list-item__col--main {
        width: 60%
    }
}

@media (min-width:768px) {
    .articles-detail .post-list-item__col--side {
        width: 40%;
        text-align: right
    }
}

.articles-detail .post-info {
    font-size: 14px;
    color: #979797
}

@media (min-width:768px) {
    .articles-detail .post-info {
        float: right;
        min-width: 90px;
        padding: 6px 12px;
        text-align: center;
        background-color: #f9f9f9;
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .articles-detail .post-info__count {
        display: block;
        font-weight: 600;
        color: #111
    }
}

.articles-detail .post-info+.post-info {
    margin-right: 12px
}

@media (max-width:767px) {
    .articles-detail .post-info+.post-info:before {
        margin-right: 6px;
        font-size: 10px;
        content: "\2022"
    }
}

.articles-detail .post-status {
    display: inline-block;
    padding: 1px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px
}

.articles-detail .post-status--answered,
.articles-detail .post-status--completed {
    background-color: #5cb85c
}

.articles-detail .post-status--planned {
    background-color: #ffa15a
}

.articles-detail .post-status--not-planned {
    color: #111;
    background-color: #f1f1f1
}

@media (min-width:768px) {
    .articles-detail .new-post-page {
        margin-bottom: 48px
    }
}

.articles-detail .new-post-title {
    font-size: 24px
}

@media (min-width:768px) {
    .articles-detail .new-post-title {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .articles-detail .new-post-title {
        font-size: 40px
    }
}

.articles-detail .new-post-form {
    margin-bottom: 24px
}

.articles-detail .contact_us {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.articles-detail .contact_way {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 380px;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding-top: 49px;
    padding-bottom: 90px
}

.articles-detail .contact_us__description {
    max-width: 192px
}

.articles-detail .contact_way_btn {
    width: 124px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #0586ce;
    color: #0586ce;
    margin-top: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

.articles-detail .contact_way_btn:active,
.articles-detail .contact_way_btn:focus,
.articles-detail .contact_way_btn:hover {
    color: #fff !important;
    background-color: #0586ce
}

.articles-detail .back_to_leverup {
    font-size: 18px;
    font-family: Open Sans;
    font-weight: 620
}

.articles-detail .contact_way__image {
    width: 66px;
    height: 59px
}

.articles-detail .contact_us_title {
    font-family: Open sans-serif;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 12px;
    margin-top: 10px
}

.articles-detail .contact_us_title_description {
    font-family: Open sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 48px;
    color: #9d9ca3
}

.articles-detail .contact_us__description {
    text-align: center;
    color: #9d9ca3
}

.articles-detail .contact_way__title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px
}

.articles-detail .center_name {
    color: hsla(0, 0%, 100%, .6)
}

.articles-detail .center_name_black {
    color: #8c93a8
}

.articles-detail .header-separator {
    color: hsla(0, 0%, 100%, .2);
    margin-left: 15px
}

.articles-detail .header-separator_black {
    color: #dedede;
    margin-left: 15px
}

.articles-detail .layout__head {
    box-shadow: 0 .13333rem .26667rem rgba(0, 36, 72, .13);
    margin-bottom: 40px
}

.ant-modal-title {
    font-size: 24px
}

.ant-modal-body {
    max-height: 420px;
    overflow: auto
}

.ant-modal-body .support-loading {
    height: 420px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ant-modal-footer {
    text-align: center
}

.ant-modal-footer .ant-btn-primary {
    background-color: #3963ef;
    border-color: #3963ef
}

.preview-session-container {
    padding: 0 !important;
    overflow: hidden;
    background: url(../img/bg-preview-pc.e8b73c46.svg) 50%;
    background-size: cover
}

.preview-session-container .content {
    display: flex;
    padding: 160px 0;
    flex-direction: row;
    position: relative
}

.preview-session-container .content .content-left {
    display: flex;
    flex-direction: column;
    width: 400px
}

.preview-session-container .content .content-left .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 0;
    text-align: left
}

.preview-session-container .content .content-left .title-end {
    margin-bottom: 40px
}

.preview-session-container .content .content-left .description {
    font-size: 21px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: .2px;
    margin-bottom: 20px;
    color: #616577;
    text-align: left
}

.preview-session-container .content .content-left .use-btn {
    height: 52px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 48px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    transform: translateY(15px);
    transition: transform .36s ease-out 0s
}

.preview-session-container .content .content-left .use-btn:hover {
    box-shadow: 0 6px 14px rgba(86, 109, 186, .4)
}

.preview-session-container .content .content-left .use-btn:active {
    background-color: #3257d2;
    border-color: #3257d2;
    box-shadow: 0 6px 14px rgba(86, 109, 186, .4)
}

.preview-session-container .content .content-left .use-tip {
    font-size: 17px;
    font-weight: 500;
    color: #3963ef
}

.preview-session-container .content .content-left .use-tip .arr-right {
    font-size: 11px;
    margin-left: 12px
}

.preview-session-container .content .content-left .use-tip .refund-guarantee:hover {
    color: #3963ef;
    text-decoration: underline
}

.preview-session-container .content .content-left .use-tip .refund-guarantee:hover:after {
    filter: invert(29%) sepia(96%) saturate(1632%) hue-rotate(217deg) brightness(95%) contrast(98%) !important
}

.preview-session-container .content .content-left .use-tip .refund-guarantee:active {
    color: #3257d2 !important;
    text-decoration: underline
}

.preview-session-container .content .content-left .google-play {
    display: flex;
    align-items: center;
    height: 72px;
    padding-top: 40px
}

.preview-session-container .content .content-left .google-play .google-play__icon {
    background-image: url(../img/google-play.c80389c1.svg);
    background-size: cover;
    background-position: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.preview-session-container .content .content-left .google-play .google-play__score {
    padding: 0 10px;
    color: #242c45;
    font-size: 21px;
    font-weight: 700
}

.preview-session-container .content .content-left .google-play .star-wrapper .box {
    display: flex;
    align-items: center;
    height: 32px
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .space {
    margin: 0 4px
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .square {
    height: 16px;
    width: 16px;
    display: inline-block;
    text-align: left
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .darkStar {
    background: url(../img/darkStar.50e4c05d.svg) no-repeat 0
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .lightStar {
    background: url(../img/lightStar.b5233ad2.svg) no-repeat 0
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .outPos {
    position: relative
}

.preview-session-container .content .content-left .google-play .star-wrapper .box .outPos .innerPos {
    position: absolute;
    margin: 0
}

.preview-session-container .content .ani-container {
    display: flex;
    justify-content: center;
    position: absolute;
    margin-left: 561px
}

.preview-session-container .content .ani-container .show-time-circle {
    background: url(../img/home-anim-circle.eb73d814.svg) no-repeat 50%;
    background-size: contain;
    width: 560px;
    display: inline-block;
    height: 560px
}

.preview-session-container .content .ani-container #ring-large,
.preview-session-container .content .ani-container #ring-medium {
    position: absolute
}

.preview-session-container .content .ani-container .show-time-phone {
    z-index: 2;
    position: absolute;
    margin-top: 148px;
    background: url(../img/home-anim-phone.6a64719b.svg) no-repeat 50%;
    background-size: contain;
    width: 250px;
    display: inline-block;
    height: 506px
}

.preview-session-container .content .ani-container .phone-pic1 {
    background: url() no-repeat 50%;
    background-size: contain;
    width: 210px;
    height: 15px;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container .content .ani-container .phone-pic2 {
    background: url(../img/phone-picture2.8875058b.png) no-repeat 50%;
    background-size: contain;
    width: 110px;
    height: 69px;
    position: absolute;
    top: 46%;
    right: 50%
}

.preview-session-container .content .ani-container .phone-pic3 {
    background: url(../img/phone-picture3.b7388d21.png) no-repeat 50%;
    background-size: contain;
    width: 109px;
    height: 69px;
    position: absolute;
    top: 46%;
    left: 50%
}

.preview-session-container .content .ani-container .phone-pic4 {
    background: url(../img/phone-picture4.3288ed3e.png) no-repeat 50%;
    background-size: contain;
    width: 220px;
    height: 69px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container .content .ani-container .phone-pic5 {
    background: url(../img/phone-picture5.3a683db0.png) no-repeat 50%;
    background-size: contain;
    width: 240px;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container .content .ani-container .lottie-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 234px;
    height: 234px;
    position: absolute;
    margin-top: 200px
}

.preview-session-container .content .ani-container .lottie-content .connect-stand-by {
    position: absolute;
    cursor: pointer;
    z-index: 4;
    width: 120px;
    height: 120px;
    background: url(../img/connect-stand-by.f44f030b.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block
}

.preview-session-container .content .ani-container .lottie-content .connect-stand-by-by {
    position: absolute;
    cursor: pointer;
    z-index: 6;
    width: 108px;
    height: 108px;
    background: #012c76;
    background-size: contain;
    display: inline-block;
    border-radius: 50%;
    opacity: 0
}

.preview-session-container .content .ani-container .lottie-content .connect-stand-by-hide {
    display: none
}

.preview-session-container .content .ani-container .lottie-content .lottie-centre {
    position: absolute;
    z-index: 3;
    width: 145px;
    height: 145px
}

.preview-session-container .content .ani-container .lottie-content .lottie-centre-arrow {
    position: absolute;
    z-index: 3;
    width: 250px;
    height: 250px
}

.preview-session-container .content .ani-container .lottie-content .connect-loading {
    transform: rotateX(19deg);
    z-index: 3;
    width: 140px;
    height: 140px;
    background: url(../img/connect-loading.5828681c.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block
}

.preview-session-container .content .ani-container .lottie-content .connect-loading-hide {
    display: none
}

.preview-session-container .content .ani-container .move-block {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 558px;
    height: 558px;
    position: absolute
}

.preview-session-container .content .ani-container .move-block .move-icon {
    position: relative;
    margin-bottom: -34px;
    width: 76px;
    height: 76px
}

.preview-session-container .content .ani-container .move-block img.facebook {
    background: url(../img/icon-facebook.88b5baee.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.whatsapp {
    background: url(../img/icon-whatsapp.614cd33e.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.gmail {
    background: url(../img/icon-gmail.62a138c1.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.netflix {
    background: url(../img/icon-netflix.208efa02.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.telegram {
    background: url(../img/icon-telegram.35bbcac1.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.youtube {
    background: url(../img/icon-youtube.3a6287ed.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.ins {
    background: url(../img/icon-ins.d7426d5f.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.line {
    background: url(../img/icon-line.7c3dc421.svg) no-repeat 50%
}

.preview-session-container .content .ani-container .move-block img.twitter {
    background: url(../img/icon-twitter.fc7341ee.svg) no-repeat 50%
}

.preview-session-container .content .i-hidden {
    opacity: 0
}

.preview-session-container-mb {
    background: #fff;
    padding: 2rem .533rem 0 .533rem;
    overflow: hidden;
    background: url(../img/bg-preview-mb.259cf550.svg) 50%;
    background-size: cover
}

.preview-session-container-mb .content {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.preview-session-container-mb .content .content-left {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.333rem
}

.preview-session-container-mb .content .content-left .title {
    font-size: .747rem;
    font-weight: 600;
    line-height: .973rem;
    margin-bottom: 0;
    text-align: left
}

.preview-session-container-mb .content .content-left .title-end {
    margin-bottom: 1.067rem
}

.preview-session-container-mb .content .content-left .description {
    font-size: .48rem;
    font-weight: 400;
    line-height: .747rem;
    letter-spacing: .003rem;
    margin-bottom: .48rem;
    color: #616577;
    text-align: left
}

.preview-session-container-mb .content .content-left .use-btn {
    height: 1.173rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1.173rem;
    font-size: .427rem;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: .853rem;
    margin-bottom: .667rem;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4);
    transform: translateY(15px);
    transition: transform .36s ease-out 0s
}

.preview-session-container-mb .content .content-left .use-btn:hover {
    box-shadow: 0 .08rem .187rem rgba(86, 109, 186, .4)
}

.preview-session-container-mb .content .content-left .use-btn:active {
    background-color: #3257d2;
    border-color: #3257d2;
    box-shadow: 0 .08rem .187rem rgba(86, 109, 186, .4)
}

.preview-session-container-mb .content .content-left .use-tip {
    text-align: left;
    font-size: .373rem;
    font-weight: 500;
    color: #3963ef
}

.preview-session-container-mb .content .content-left .use-tip .arr-right {
    font-size: .28rem;
    margin-left: .267rem
}

.preview-session-container-mb .content .content-left .use-tip .refund-guarantee:hover {
    color: #3963ef;
    text-decoration: underline
}

.preview-session-container-mb .content .content-left .use-tip .refund-guarantee:hover:after {
    filter: invert(29%) sepia(96%) saturate(1632%) hue-rotate(217deg) brightness(95%) contrast(98%) !important
}

.preview-session-container-mb .content .content-left .use-tip .refund-guarantee:active {
    color: #3257d2 !important;
    text-decoration: underline
}

.preview-session-container-mb .content .content-left .google-play {
    display: flex;
    align-items: center;
    height: .747rem;
    margin-top: 1.333rem
}

.preview-session-container-mb .content .content-left .google-play .google-play__icon {
    background-image: url(../img/google-play.c80389c1.svg);
    background-size: cover;
    background-position: 50%;
    width: .667rem;
    height: 100%;
    cursor: pointer
}

.preview-session-container-mb .content .content-left .google-play .google-play__score {
    padding: 0 10px;
    color: #242c45;
    font-size: .48rem;
    font-weight: 700
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box {
    display: flex;
    align-items: center
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .space {
    margin: 0 .053rem
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .square {
    height: .373rem;
    width: .373rem;
    display: inline-block;
    text-align: left
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .darkStar {
    background: url(../img/darkStar.50e4c05d.svg) no-repeat 0;
    background-size: cover
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .lightStar {
    background: url(../img/lightStar.b5233ad2.svg) no-repeat 0;
    background-size: cover
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .outPos {
    position: relative
}

.preview-session-container-mb .content .content-left .google-play .star-wrapper .box .outPos .innerPos {
    position: absolute;
    margin: 0
}

.preview-session-container-mb .content .ani-container {
    display: flex;
    justify-content: center;
    position: relative
}

.preview-session-container-mb .content .ani-container .show-time-circle {
    background: url(../img/home-anim-circle.eb73d814.svg) no-repeat 50%;
    background-size: contain;
    width: 8.107rem;
    display: inline-block;
    height: 8.107rem
}

.preview-session-container-mb .content .ani-container #ring-large,
.preview-session-container-mb .content .ani-container #ring-medium {
    position: absolute
}

.preview-session-container-mb .content .ani-container .show-time-phone {
    z-index: 2;
    position: absolute;
    margin-top: 2.16rem;
    background: url(../img/home-anim-phone.354c98ec.svg) no-repeat 50%;
    background-size: contain;
    width: 3.613rem;
    display: inline-block;
    height: 7.32rem;
    bottom: -.35rem;
    opacity: 0
}

.preview-session-container-mb .content .ani-container .phone-pic1 {
    background: url() no-repeat 50%;
    background-size: contain;
    width: 2.8rem;
    height: .2rem;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container-mb .content .ani-container .phone-pic2 {
    background: url(../img/phone-picture2.8875058b.png) no-repeat 50%;
    background-size: contain;
    width: 1.467rem;
    height: .92rem;
    position: absolute;
    top: 52%;
    right: 50%
}

.preview-session-container-mb .content .ani-container .phone-pic3 {
    background: url(../img/phone-picture3.b7388d21.png) no-repeat 50%;
    background-size: contain;
    width: 1.453rem;
    height: .92rem;
    position: absolute;
    top: 52%;
    left: 50%
}

.preview-session-container-mb .content .ani-container .phone-pic4 {
    background: url(../img/phone-picture4.3288ed3e.png) no-repeat 50%;
    background-size: contain;
    width: 2.933rem;
    height: .92rem;
    position: absolute;
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container-mb .content .ani-container .phone-pic5 {
    background: url(../img/phone-picture5.3a683db0.png) no-repeat 50%;
    background-size: contain;
    width: 3.2rem;
    height: 1rem;
    position: absolute;
    bottom: -.1rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-session-container-mb .content .ani-container .lottie-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    position: absolute;
    margin-top: 2.973rem
}

.preview-session-container-mb .content .ani-container .lottie-content .connect-stand-by {
    position: absolute;
    cursor: pointer;
    z-index: 4;
    width: 1.553rem;
    height: 1.553rem;
    background: url(../img/connect-stand-by.f44f030b.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block
}

.preview-session-container-mb .content .ani-container .lottie-content .connect-stand-by-by {
    position: absolute;
    cursor: pointer;
    z-index: 6;
    width: 1.451rem;
    height: 1.451rem;
    background: #012c76;
    background-size: contain;
    display: inline-block;
    border-radius: 50%;
    opacity: 0
}

.preview-session-container-mb .content .ani-container .lottie-content .connect-stand-by-hide {
    display: none
}

.preview-session-container-mb .content .ani-container .lottie-content .lottie-centre {
    position: absolute;
    z-index: 3;
    width: 1.953rem;
    height: 1.953rem
}

.preview-session-container-mb .content .ani-container .lottie-content .lottie-centre-arrow {
    position: absolute;
    z-index: 3;
    width: 3.153rem;
    height: 3.153rem
}

.preview-session-container-mb .content .ani-container .lottie-content .connect-loading {
    transform: rotateX(19deg);
    z-index: 3;
    width: 1.853rem;
    height: 1.853rem;
    background: url(../img/connect-loading.5828681c.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block
}

.preview-session-container-mb .content .ani-container .lottie-content .connect-loading-hide {
    display: none
}

.preview-session-container-mb .content .ani-container .move-block {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 8.107rem;
    position: absolute
}

.preview-session-container-mb .content .ani-container .move-block .move-icon {
    position: relative;
    margin-bottom: -.493rem;
    width: .987rem;
    height: .987rem
}

.preview-session-container-mb .content .i-hidden {
    opacity: 0
}

@keyframes testCir {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes testCir2 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.feature-map-container {
    background-color: #f7f8f9;
    padding: 0;
    z-index: 7
}

.feature-map-container .content {
    z-index: 3;
    margin-bottom: 130px;
    display: flex;
    flex-direction: column
}

.feature-map-container .content .title {
    padding-top: 130px;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center
}

.feature-map-container .content .description {
    font-size: 21px;
    font-weight: 400;
    color: #616577;
    margin-bottom: 82px;
    letter-spacing: .2px;
    text-align: center
}

.feature-map-container .content .feature-group {
    display: flex;
    flex-direction: row
}

.feature-map-container .content .feature-group:first-of-type {
    margin-bottom: 81px
}

.feature-map-container .content .feature-group .item {
    width: 328px;
    display: flex;
    flex-direction: column;
    margin-right: 48px
}

.feature-map-container .content .feature-group .item .feature-title {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left;
    line-height: 29px;
    letter-spacing: .2px
}

.feature-map-container .content .feature-group .item .feature-description {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    text-align: left;
    color: #616577
}

.feature-map-container .content .feature-group .item i {
    width: 52px;
    display: inline-block;
    height: 52px;
    margin-bottom: 24px;
    background: no-repeat 50%;
    background-size: contain
}

.feature-map-container .content .feature-group .item .feature-fast {
    background: url(../img/fast.888822f4.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-through-wall {
    background: url(../img/through-wall.65ebb9b7.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-safe {
    background: url(../img/safe.0ebe106e.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-anonymity {
    background: url(../img/anonymity.0e8dbb06.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-unlock {
    background: url(../img/unlock.0967f9f8.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-unlimited {
    background: url(../img/unlimited.fa8c2a95.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-all-platform {
    background: url(../img/all-platform.4412217f.svg) no-repeat 50%
}

.feature-map-container .content .feature-group .item .feature-customer-service {
    background: url(../img/customer-service.e74a487b.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container .content .use-btn {
    width: 164px;
    height: 52px;
    color: #fff;
    background: #3963ef;
    font-size: 17px;
    margin: 80px auto 0;
    transition: transform .36s ease-out 0s
}

.feature-map-container-mb {
    background-color: #f7f8f9;
    padding: 0 .533rem 0 .533rem;
    z-index: 7
}

.feature-map-container-mb .content {
    z-index: 3;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column
}

.feature-map-container-mb .content .title {
    padding-top: 2rem;
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.feature-map-container-mb .content .description {
    font-size: .48rem;
    line-height: .747rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: 1.333rem;
    letter-spacing: .003rem
}

.feature-map-container-mb .content .feature-group {
    display: flex;
    flex-direction: column
}

.feature-map-container-mb .content .feature-group .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: .933rem
}

.feature-map-container-mb .content .feature-group .item .feature-title {
    font-size: .533rem;
    font-weight: 500;
    margin-bottom: .32rem;
    text-align: left;
    line-height: .693rem;
    letter-spacing: .003rem
}

.feature-map-container-mb .content .feature-group .item .feature-description {
    font-size: .427rem;
    font-weight: 400;
    line-height: .693rem;
    letter-spacing: .003rem;
    text-align: left;
    color: #616577
}

.feature-map-container-mb .content .feature-group .item i {
    width: 1.013rem;
    height: 1.013rem;
    display: inline-block;
    margin-bottom: .427rem
}

.feature-map-container-mb .content .feature-group .item .feature-fast {
    background: url(../img/fast.888822f4.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-through-wall {
    background: url(../img/through-wall.65ebb9b7.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-safe {
    background: url(../img/safe.0ebe106e.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-anonymity {
    background: url(../img/anonymity.0e8dbb06.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-unlock {
    background: url(../img/unlock.0967f9f8.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-unlimited {
    background: url(../img/unlimited.fa8c2a95.svg) no-repeat 0;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-all-platform {
    background: url(../img/all-platform.4412217f.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .feature-group .item .feature-customer-service {
    background: url(../img/customer-service.e74a487b.svg) no-repeat 50%;
    background-size: contain
}

.feature-map-container-mb .content .use-btn {
    width: -moz-fit-content;
    width: fit-content;
    height: 1.173rem;
    color: #fff;
    background: #3963ef;
    font-size: .427rem;
    transition: transform .36s ease-out 0s;
    padding: 0 1.173rem
}

.multi-platform-container {
    padding: 130px 0 0 0;
    background: #fff
}

.multi-platform-container .content {
    display: flex;
    flex-direction: column
}

.multi-platform-container .content .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center
}

.multi-platform-container .content .description {
    font-size: 21px;
    line-height: 33px;
    letter-spacing: .2px;
    font-weight: 400;
    color: #616577;
    text-align: center
}

.multi-platform-container .content .pics {
    width: 1192px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 80px 0 130px 0
}

.multi-platform-container .content .pics .pic-android {
    background: url(../img/multi-platform-android.5684f52b.png) no-repeat 50%;
    background-size: cover;
    width: 160px;
    height: 325px;
    border-radius: 20px
}

.multi-platform-container .content .pics .pic-android,
.multi-platform-container .content .pics .pic-ios {
    display: inline-block;
    margin-right: 82px;
    cursor: pointer;
    box-shadow: inset 0 0 4px 0 #cbd1dd, 0 12px 36px 0 rgba(2, 14, 62, .12156862745098039)
}

.multi-platform-container .content .pics .pic-ios {
    background: url(../img/multi-platform-ios.960601e5.png) no-repeat 50%;
    background-size: cover;
    width: 220px;
    height: 450px;
    border-radius: 23px
}

.multi-platform-container .content .pics .pic-pc {
    background: url(../img/multi-platform-pc.7ce9c861.png) no-repeat 50%;
    background-size: cover;
    width: 533px;
    display: inline-block;
    height: 325px;
    z-index: 30;
    cursor: pointer;
    box-shadow: inset 0 0 4px 0 #cbd1dd, 0 12px 36px 0 rgba(2, 14, 62, .12156862745098039);
    border-radius: 20px
}

.multi-platform-container-mb {
    background: #fff;
    padding: 2rem .533rem 0 .533rem;
    overflow: hidden
}

.multi-platform-container-mb .content {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.multi-platform-container-mb .content .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.multi-platform-container-mb .content .description {
    font-size: .48rem;
    line-height: .747rem;
    font-weight: 400;
    color: #616577;
    letter-spacing: .003rem
}

.multi-platform-container-mb .content .description p:nth-of-type(2) {
    margin-top: .48rem
}

.multi-platform-container-mb .content .pics {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    align-items: flex-end;
    margin: 1.067rem 0 2rem 0
}

.multi-platform-container-mb .content .pics .pic-ios {
    background: url(../img/multi-platform-ios.960601e5.png) no-repeat 50%;
    background-size: cover;
    width: 2.933rem;
    height: 6rem
}

.multi-platform-container-mb .content .pics .pic-android,
.multi-platform-container-mb .content .pics .pic-ios {
    display: inline-block;
    margin-right: 1.093rem;
    box-shadow: inset 0 0 .107rem 0 #cbd1dd, 0 .32rem .96rem 0 rgba(2, 14, 62, .12156862745098039);
    border-radius: .333rem
}

.multi-platform-container-mb .content .pics .pic-android {
    background: url(../img/multi-platform-android.5684f52b.png) no-repeat 50%;
    background-size: cover;
    width: 2.133rem;
    height: 4.333rem
}

.multi-platform-container-mb .content .pics .pic-pc {
    background: url(../img/multi-platform-pc.7ce9c861.png) no-repeat 50%;
    background-size: cover;
    width: 7.107rem;
    height: 4.333rem;
    display: inline-block;
    box-shadow: inset 0 0 .107rem 0 #cbd1dd, 0 .32rem .96rem 0 rgba(2, 14, 62, .12156862745098039);
    border-radius: .333rem
}

.speed-test-container {
    background: url(../img/speed-test-bg.d3e810bb.svg) 50% no-repeat;
    border-radius: 16px
}

.speed-test-container .speed-test-bg {
    position: absolute;
    border-radius: 10px;
    transform: rotate(3deg);
    width: 417px;
    height: 449px;
    margin-top: 26px;
    margin-left: 14px;
    box-shadow: 8px 20px 50px rgba(26, 32, 60, .5)
}

.speed-test-container .speed-test-content {
    display: flex;
    justify-content: center;
    padding-top: 48.8px;
    transform: rotateY(-4deg)
}

.speed-test-container .speed-test-content canvas {
    position: absolute
}

.speed-test-container .speed-test-content .test-down-arr {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    height: 168px;
    margin-top: 65px;
    transform: rotate(-137deg)
}

.speed-test-container .speed-test-content .test-down-arr i {
    background: 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 11px;
    height: 43px
}

.speed-test-container .speed-test-content .test-down-arr .i-upload {
    background: url(../img/speed-test-up-arr.d868f16b.svg) 50% no-repeat
}

.speed-test-container .speed-test-content .test-down-arr .i-download {
    background: url(../img/speed-test-down-arr.64c2330f.svg) 50% no-repeat
}

.speed-test-container .speed-test-content .speed-number {
    position: absolute;
    margin-top: 10px;
    width: 276px;
    height: 276px
}

.speed-test-container .speed-test-content .speed-number span {
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #a3a6af
}

.speed-test-container .speed-test-content .speed-number .speed-0 {
    top: 204px;
    left: 60.7px
}

.speed-test-container .speed-test-content .speed-number .speed-1 {
    top: 152px;
    left: 33.7px
}

.speed-test-container .speed-test-content .speed-number .speed-2 {
    top: 98px;
    left: 35.3px
}

.speed-test-container .speed-test-content .speed-number .speed-3 {
    top: 46px;
    left: 71.7px
}

.speed-test-container .speed-test-content .speed-number .speed-4 {
    top: 26.1px;
    left: 130.7px
}

.speed-test-container .speed-test-content .speed-number .speed-5 {
    top: 46.2px;
    left: 191.7px
}

.speed-test-container .speed-test-content .speed-number .speed-6 {
    top: 98px;
    left: 228.3px
}

.speed-test-container .speed-test-content .speed-number .speed-7 {
    top: 152px;
    left: 227.3px
}

.speed-test-container .speed-test-content .speed-number .speed-8 {
    top: 204px;
    left: 198px
}

.speed-test-container .speed-test-content .speed-data-container {
    margin-top: 104.2px;
    position: absolute;
    width: 278px;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center
}

.speed-test-container .speed-test-content .speed-data-container .speed-live {
    font-size: 33px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 3px
}

.speed-test-container .speed-test-content .speed-data-container .speed-unit {
    font-size: 16px;
    font-weight: 600;
    color: #9da3b9;
    text-align: center;
    margin-bottom: 76px
}

.speed-test-container .speed-test-content .speed-data-container .test-btn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 102px;
    background: #3963ef;
    border-radius: 28px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    letter-spacing: .2px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 43px
}

.speed-test-container .speed-test-content .speed-data-container .test-btn:hover {
    background: #3257d2 !important
}

.speed-test-container .speed-test-content .speed-data-container .test-btn:active {
    background: #223f9d !important;
    transform: scale(.9) !important
}

.speed-test-container .speed-test-content .speed-data-container .test-btn-disable {
    cursor: wait
}

.speed-test-container .speed-test-content .speed-data-container .test-btn-disable:hover {
    background: #3963ef !important
}

.speed-test-container .speed-test-content .speed-data-container .test-btn-disable:active {
    background: #3963ef !important;
    transform: unset
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data {
    display: flex;
    flex-direction: column;
    width: 105px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .down-init {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-right: 14px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .down-done {
    background: url("") 50% no-repeat;
    background-size: contain;
    content: "";
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-right: 14px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .up-init {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-right: 14px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .up-done {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    width: 18px;
    display: inline-block;
    height: 18px;
    margin-right: 14px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .rat-init {
    width: 32px;
    height: 2px;
    background: #68758e
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .speed-test {
    font-size: 20px;
    font-weight: 600;
    color: #d1d2d7;
    text-align: left;
    margin-bottom: 1px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data .unit-test {
    font-size: 13px;
    font-weight: 600;
    color: #68758e;
    text-align: left;
    padding-left: 33px
}

.speed-test-container .speed-test-content .speed-data-container .speed-data-list .speed-data-up {
    width: 105px
}

.speed-test-container-mb {
    background: #1a2139;
    border-radius: .213rem;
    height: 9.693rem
}

.speed-test-container-mb .speed-test-content {
    display: flex;
    justify-content: center;
    padding-top: .651rem
}

.speed-test-container-mb .speed-test-content canvas {
    position: absolute
}

.speed-test-container-mb .speed-test-content .test-down-arr {
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    height: 3.493rem;
    margin-top: 1.56rem;
    transform: rotate(-137deg)
}

.speed-test-container-mb .speed-test-content .test-down-arr i {
    background: 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: .213rem;
    height: .867rem
}

.speed-test-container-mb .speed-test-content .test-down-arr .i-upload {
    background: url(../img/speed-test-up-arr.d868f16b.svg) 50% no-repeat
}

.speed-test-container-mb .speed-test-content .test-down-arr .i-download {
    background: url(../img/speed-test-down-arr.64c2330f.svg) 50% no-repeat
}

.speed-test-container-mb .speed-test-content .speed-number {
    position: absolute;
    margin-top: .5rem;
    width: 5.787rem;
    height: 5.787rem
}

.speed-test-container-mb .speed-test-content .speed-number span {
    position: absolute;
    font-size: .253rem;
    font-weight: 600;
    color: #a3a6af
}

.speed-test-container-mb .speed-test-content .speed-number .speed-0 {
    top: 4.227rem;
    left: 1.267rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-1 {
    top: 3.147rem;
    left: .707rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-2 {
    top: 2.04rem;
    left: .733rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-3 {
    top: .96rem;
    left: 1.493rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-4 {
    top: .547rem;
    left: 2.72rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-5 {
    top: .96rem;
    left: 3.987rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-6 {
    top: 2.027rem;
    left: 4.747rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-7 {
    top: 3.147rem;
    left: 4.733rem
}

.speed-test-container-mb .speed-test-content .speed-number .speed-8 {
    top: 4.227rem;
    left: 4.107rem
}

.speed-test-container-mb .speed-test-content .speed-data-container {
    margin-top: 2.48rem;
    position: absolute;
    width: 5.787rem;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-live {
    font-size: .667rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: .053rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-unit {
    font-size: .347rem;
    font-weight: 600;
    color: #9da3b9;
    text-align: center;
    margin-bottom: 1.547rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .747rem;
    width: 2.107rem;
    background: #3963ef;
    border-radius: .373rem;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    font-weight: 600;
    margin-bottom: .787rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn:hover {
    background: #3257d2 !important
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn:active {
    background: #223f9d !important;
    transform: scale(.9) !important
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn-disable {
    cursor: wait !important
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn-disable:hover {
    background: #3963ef !important
}

.speed-test-container-mb .speed-test-content .speed-data-container .test-btn-disable:active {
    background: #3963ef !important;
    transform: unset !important
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data {
    display: flex;
    flex-direction: column;
    width: 2.4rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: .573rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .down-init {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: .373rem;
    height: .373rem;
    margin-right: .267rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .down-done {
    background: url("") 50% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: .373rem;
    height: .373rem;
    margin-right: .267rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .up-init {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: .373rem;
    height: .373rem;
    margin-right: .267rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .up-done {
    background: url("") no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: .373rem;
    height: .373rem;
    margin-right: .267rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .rat-init {
    width: .72rem;
    height: .053rem;
    background: #68758e
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .speed-rat-content .speed-test {
    font-size: .427rem;
    font-weight: 600;
    color: #d1d2d7;
    text-align: left;
    margin-bottom: .027rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data .unit-test {
    font-size: .28rem;
    font-weight: 600;
    color: #68758e;
    text-align: left;
    padding-left: .64rem
}

.speed-test-container-mb .speed-test-content .speed-data-container .speed-data-list .speed-data-up {
    width: 2.4rem
}

.point-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.point-content .dot-radar {
    position: relative;
    width: 8px;
    height: 8px;
    border: 5px solid #5287ff;
    border-radius: 50%;
    z-index: 2
}

.point-content .pulse1-radar,
.point-content .pulse-radar {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 13px solid #5287ff;
    border-radius: 50%;
    z-index: 1;
    opacity: 0
}

.point-content-mb {
    display: flex;
    justify-content: center;
    align-items: center
}

@keyframes warn {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

.point-content-mb .dot-radar {
    position: relative;
    width: .2rem;
    height: .2rem;
    border: .1rem solid #5287ff;
    border-radius: 50%;
    z-index: 2
}

.point-content-mb .pulse1-radar,
.point-content-mb .pulse-radar {
    position: absolute;
    width: .35rem;
    height: .35rem;
    border: .18rem solid #5287ff;
    border-radius: 50%;
    z-index: 1;
    opacity: 0
}

.anonymity-radar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/radar-bg.35f58efa.svg) 50% no-repeat;
    border-radius: 16px
}

.anonymity-radar-container .radar-bg {
    position: absolute;
    border-radius: 12px;
    transform: rotate(-3deg);
    width: 417px;
    height: 422px;
    margin-top: 4px;
    margin-left: 0;
    box-shadow: 8px 20px 50px rgba(26, 32, 60, .5)
}

.anonymity-radar-container .radar-circle {
    position: absolute;
    background: url(../img/radar-circle.573ef984.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 320px;
    height: 320px
}

.anonymity-radar-container .radar-circle-outside {
    background: url(../img/radar-circle-outside.7ed39f5b.svg) 50% no-repeat;
    z-index: 6
}

.anonymity-radar-container .radar-scanner {
    position: absolute;
    background: url(../img/radar-scanner.b2898fb9.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 300px;
    height: 300px;
    z-index: 5
}

.anonymity-radar-container .masking-bg2 {
    position: absolute;
    width: 297px;
    height: 297px;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    transform: rotate(23deg)
}

.anonymity-radar-container .masking-bg2 .masking-arr {
    top: 0;
    background: url(../img/masking-bg.09df0c87.png) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 148.5px;
    height: 148.5px
}

.anonymity-radar-container .node-point-list {
    width: 300px;
    height: 300px;
    position: relative;
    z-index: 3
}

.anonymity-radar-container .node-point-list .radar-point {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 37px;
    height: 37px
}

.anonymity-radar-container-mb {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #192239;
    border-radius: .213rem
}

.anonymity-radar-container-mb .radar-circle {
    position: absolute;
    background: url(../img/radar-circle.573ef984.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 6.64rem;
    height: 6.64rem
}

.anonymity-radar-container-mb .radar-circle-outside {
    background: url(../img/radar-circle-outside.7ed39f5b.svg) 50% no-repeat;
    background-size: contain;
    z-index: 6
}

.anonymity-radar-container-mb .radar-scanner {
    position: absolute;
    background: url(../img/radar-scanner.b2898fb9.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: .011rem;
    z-index: 5
}

.anonymity-radar-container-mb .masking-bg2 {
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    transform: rotate(17deg)
}

.anonymity-radar-container-mb .masking-bg2 .masking-arr {
    top: 0;
    background: url(../img/masking-bg.09df0c87.png) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem
}

.anonymity-radar-container-mb .node-point-list {
    width: 6.933rem;
    height: 6.933rem;
    position: relative;
    z-index: 3
}

.anonymity-radar-container-mb .node-point-list .radar-point {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 37px;
    height: 37px
}

.auto-cover-flow-container {
    perspective: 900px
}

.auto-cover-flow-container .auto-cover-flow-content {
    transform: rotateY(-8deg) rotate(2deg)
}

.auto-cover-flow-container .auto-cover-flow-content .cover-icon {
    position: absolute;
    width: 405px;
    height: 426px;
    box-shadow: 8px 20px 50px rgba(26, 32, 60, .4);
    border-radius: 15px
}

.auto-cover-flow-container .auto-cover-flow-content .icon1 {
    right: 100px;
    z-index: 1;
    opacity: .8;
    transform: scale(.82)
}

.auto-cover-flow-container .auto-cover-flow-content .icon2 {
    right: -62px;
    z-index: 1;
    opacity: .8;
    transform: scale(.82)
}

.auto-cover-flow-container .auto-cover-flow-content .icon3 {
    right: 19px;
    z-index: 10;
    opacity: 1;
    transform: scale(1)
}

.auto-cover-flow-container-mb {
    perspective: 900px
}

.auto-cover-flow-container-mb .auto-cover-flow-content {
    width: 8.933rem;
    height: 7.587rem
}

.auto-cover-flow-container-mb .auto-cover-flow-content .cover-icon {
    position: absolute;
    width: 7.2rem;
    height: 7.573rem;
    box-shadow: .107rem .267rem .667rem rgba(26, 32, 60, .4);
    border-radius: .313rem
}

.auto-cover-flow-container-mb .auto-cover-flow-content .icon1 {
    right: 2.39rem;
    z-index: 1;
    opacity: .8;
    transform: scale(.82)
}

.auto-cover-flow-container-mb .auto-cover-flow-content .icon2 {
    right: -.64rem;
    z-index: 1;
    opacity: .8;
    transform: scale(.82)
}

.auto-cover-flow-container-mb .auto-cover-flow-content .icon3 {
    right: .875rem;
    z-index: 10;
    opacity: 1;
    transform: scale(1)
}

.three-feature-container {
    background-color: #f7f8f9
}

.three-feature-container .content {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.three-feature-container .content .content-item {
    width: 1080px;
    margin: 130px 0;
    display: flex;
    flex-direction: row
}

.three-feature-container .content .content-item .content-detail {
    text-align: left;
    width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.three-feature-container .content .content-item .content-detail .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    margin-bottom: 20px
}

.three-feature-container .content .content-item .content-detail .description {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 33px;
    letter-spacing: .2px;
    color: #616577
}

.three-feature-container .content .content-item .content-detail .show-more {
    margin-top: 20px;
    font-size: 19px;
    font-weight: 500;
    color: #3963ef
}

.three-feature-container .content .content-item .content-detail .show-more .arr-right {
    font-size: 11px;
    margin-left: 12px;
    color: #000
}

.three-feature-container .content .content-item .left-detail {
    margin-right: 105px
}

.three-feature-container .content .content-item .img-fast {
    perspective: 200px;
    width: 445px;
    height: 488px
}

.three-feature-container .content .content-item .img-anonymity {
    width: 444px;
    height: 452px;
    margin-right: 105px
}

.three-feature-container .content .content-item .img-unlock {
    width: 499px;
    height: 412px;
    margin-left: 76px
}

.three-feature-container .content .boundary {
    width: 100%;
    height: 1px;
    background-color: #e5e9ed
}

.three-feature-container-mb {
    background-color: #f7f8f9;
    padding: 2rem .533rem 0 .533rem
}

.three-feature-container-mb .content {
    display: flex;
    flex-direction: column
}

.three-feature-container-mb .content .content-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}

.three-feature-container-mb .content .content-item .content-detail {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.067rem
}

.three-feature-container-mb .content .content-item .content-detail .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.three-feature-container-mb .content .content-item .content-detail .description {
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: .48rem
}

.three-feature-container-mb .content .content-item .content-detail .show-more {
    font-size: .427rem;
    font-weight: 600;
    color: #3963ef;
    margin-bottom: 0
}

.three-feature-container-mb .content .content-item .content-detail .show-more .arr-right {
    font-size: .28rem;
    margin-left: .267rem;
    color: #000
}

.three-feature-container-mb .content .content-item .img-fast {
    width: 8.933rem;
    height: 9.707rem
}

.three-feature-container-mb .content .content-item .img-fast:before {
    content: "";
    position: absolute;
    display: block;
    width: 8.933rem;
    height: 9.7rem;
    border-radius: .433rem;
    transform-origin: center center;
    box-shadow: .107rem .267rem .667rem rgba(26, 32, 60, .4)
}

.three-feature-container-mb .content .content-item .img-anonymity {
    width: 8.933rem;
    height: 9.227rem
}

.three-feature-container-mb .content .content-item .img-anonymity:before {
    content: "";
    position: absolute;
    display: block;
    width: 8.933rem;
    height: 9.227rem;
    border-radius: .433rem;
    box-shadow: .107rem .267rem .667rem rgba(26, 32, 60, .4)
}

.three-feature-container-mb .content .content-item .img-unlock {
    width: 8.933rem;
    height: 7.587rem
}

.three-feature-container-mb .content .anonymity {
    flex-direction: column-reverse
}

.three-feature-container-mb .content .boundary {
    display: none
}

.ant-popover-inner {
    box-shadow: 0 6px 20px rgba(2, 14, 62, .16)
}

.map-point_detail {
    padding: 12px 8px
}

.map-point_detail .flag-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px
}

.map-point_detail .flag-content .flag-flag {
    height: 19.1px;
    width: 28.6px
}

.map-point_detail .flag-content .flag-name {
    margin-left: 12.3px
}

.map-point_detail .flag-content .flag-name,
.map-point_detail p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .2px;
    font-weight: 400;
    color: #616577
}

.map-point_detail .point-node {
    margin-bottom: 8px
}

.service-map-container {
    background-color: #3963ef;
    position: relative;
    min-height: 929px;
    align-items: center
}

.service-map-container .globe-viz {
    z-index: 51;
    cursor: grabbing;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 929px;
    text-align: right;
    transform-origin: right;
    overflow: hidden
}

.service-map-container .content {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 52;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none
}

.service-map-container .content .content-left {
    width: 400px;
    color: #fff
}

.service-map-container .content .content-left .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left
}

.service-map-container .content .content-left .description {
    line-height: 33px;
    letter-spacing: .2px;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 80px;
    opacity: .8;
    text-align: left
}

.service-map-container .content .content-left .use-btn {
    height: 52px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 48px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 24px;
    background-color: #fff;
    border-color: #3963ef;
    color: #3963ef;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    pointer-events: all;
    transition: transform .36s ease-out 0s
}

.service-map-container .content .content-left .show-more {
    display: block;
    font-size: 17px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: #fff
}

.service-map-container .content .content-left .show-more:after {
    background: url(../img/show-more-arrow.5176e395.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 12px;
    filter: invert(1)
}

.service-map-container .content .map-container .map-bg {
    background: url(../img/service-map.6ce7be18.png) 50% no-repeat;
    background-size: contain;
    width: 1080px;
    display: flex;
    height: 523px;
    margin-bottom: 80px
}

.service-map-container .content .map-container .map-bg .point-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 37px;
    height: 37px
}

.service-map-container .content .map-container .map-point {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 37px;
    height: 37px;
    top: 0;
    left: 0
}

.service-map-container .content .use-tip {
    display: none;
    cursor: unset;
    font-size: 17px;
    font-weight: 400;
    color: #3963ef
}

.service-map-container .content .use-tip:after {
    background: url(../img/show-more-arrow.5176e395.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 12px
}

.map-point_detail-mb .flag-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px
}

.map-point_detail-mb .flag-content .flag-flag {
    height: 19.1px;
    width: 28.6px
}

.map-point_detail-mb .flag-content .flag-name {
    margin-left: 12.3px
}

.map-point_detail-mb .flag-content .flag-name,
.map-point_detail-mb p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: .2px;
    font-weight: 400;
    color: #616577
}

.map-point_detail-mb .point-node {
    margin-bottom: 8px
}

.service-map-container-mb {
    padding-left: .533rem;
    overflow: hidden;
    position: relative;
    min-height: 13.16rem;
    background: #3963ef
}

.service-map-container-mb .content {
    display: flex;
    align-items: center;
    width: -moz-fit-content !important;
    width: fit-content !important;
    z-index: 52;
    padding: 2rem 0
}

.service-map-container-mb .content .content-left {
    width: 50%;
    text-align: left;
    display: inline-flex;
    flex-direction: column
}

.service-map-container-mb .content .content-left .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem;
    color: #fff
}

.service-map-container-mb .content .content-left .description {
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1.333rem
}

.service-map-container-mb .content .content-left .use-btn {
    height: 1.173rem;
    font-size: .427rem;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #fff;
    border-color: #3963ef;
    color: #3963ef;
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4);
    pointer-events: all;
    transition: transform .36s ease-out 0s
}

.service-map-container-mb .content .map-container .map-bg {
    background: url(../img/service-map.6ce7be18.png) 50% no-repeat;
    background-size: contain;
    width: 10rem;
    display: flex;
    height: 4.84rem;
    margin-bottom: 1.333rem
}

.service-map-container-mb .content .map-container .map-bg .point-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: .493rem;
    height: .493rem;
    padding: 0
}

.service-map-container-mb .content .map-container .map-point {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: .493rem;
    height: .493rem;
    top: 0;
    left: 0
}

.service-map-container-mb .content .use-tip {
    display: none;
    cursor: unset;
    font-size: .427rem;
    font-weight: 400;
    color: #3963ef
}

.service-map-container-mb .content .use-tip:after {
    background: url(../img/show-more-arrow.5176e395.svg) 50% no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: .453rem;
    height: .32rem;
    margin-left: .32rem
}

.service-map-container-mb .globe-viz {
    position: absolute;
    z-index: 51;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: grabbing
}

.network-provider-container {
    width: 100%;
    background-color: #f7f8f9;
    padding: 130px 0
}

.network-provider-container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important
}

.network-provider-container .content .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px
}

.network-provider-container .content .description {
    font-size: 21px;
    font-weight: 400;
    color: #616577;
    margin-bottom: 80px;
    line-height: 33px;
    letter-spacing: .2px
}

.network-provider-container .content .list-content {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    height: 250px
}

.network-provider-container .content .list-content .provider-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative;
    justify-content: space-between;
    height: 100%;
    align-items: flex-end
}

.network-provider-container .content .list-content .provider-list .motion-svg {
    overflow: visible;
    height: 100%;
    max-width: 100%;
    width: 100%;
    border: 1px solid red;
    visibility: hidden
}

.network-provider-container .content .list-content .provider-list circle {
    fill: #000
}

.network-provider-container .content .list-content .provider-list .motion-path {
    stroke-width: 3px;
    stroke: #88ce02;
    fill: none
}

.network-provider-container .content .list-content .provider-list .icon-container {
    width: 213px;
    height: 115px;
    position: absolute;
    left: 0;
    border-radius: 15px;
    transform: perspective(300px);
    box-shadow: 0 12px 36px 0 rgba(27, 38, 75, .12)
}

.network-provider-container .content .list-content .provider-list .icon-container .icon-block {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    transform: rotateX(15deg);
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60% 50%
}

@media screen and (min-width:1080px) and (max-width:1703px) {
    .network-provider-container .content .list-content .provider-list .icon-container {
        width: 11.1%;
        height: 38%
    }
}

.network-provider-container .content .list-content .provider-list .card-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, #f7f9fb, rgba(247, 249, 251, .92) 4.17%, rgba(247, 249, 251, .9) 6.77%, rgba(247, 249, 251, 0) 56.77%, rgba(247, 249, 251, .9) 93.23%, rgba(247, 249, 251, .92) 95.83%, #f7f9fb);
    pointer-events: none
}

@keyframes movex {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(33.3%)
    }
}

.network-provider-container-mb {
    width: 100%;
    background-color: #f7f8f9;
    overflow: hidden
}

.network-provider-container-mb .content {
    padding: 2rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important
}

.network-provider-container-mb .content .title {
    padding: 0 .533rem;
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.network-provider-container-mb .content .description {
    padding: 0 .533rem;
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: 1.333rem
}

.network-provider-container-mb .content .list-content {
    width: 100%;
    height: 4.5rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end
}

.network-provider-container-mb .content .list-content .provider-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    align-items: flex-end
}

.network-provider-container-mb .content .list-content .provider-list .icon-container {
    width: 3.973rem;
    height: 2.147rem;
    position: absolute;
    left: -3.973rem;
    border-radius: .2rem;
    transform: perspective(250px);
    box-shadow: 0 .16rem .24rem 0 rgba(27, 38, 75, .02)
}

.network-provider-container-mb .content .list-content .provider-list .icon-container .icon-block {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    transform: rotateX(15deg);
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70% 70%
}

.network-provider-container-mb .content .list-content .provider-list .card-mask-left,
.network-provider-container-mb .content .list-content .provider-list .card-mask-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    pointer-events: none
}

.network-provider-container-mb .content .list-content .provider-list .card-mask-left {
    left: 0;
    background: linear-gradient(270deg, rgba(247, 249, 251, 0), rgba(247, 249, 251, 0) 13.54%, rgba(247, 249, 251, .85) 91.15%, #f7f9fb)
}

.network-provider-container-mb .content .list-content .provider-list .card-mask-right {
    right: 0;
    background: linear-gradient(270deg, #f7f9fb, rgba(247, 249, 251, .85) 13.54%, rgba(247, 249, 251, 0) 91.67%, rgba(247, 249, 251, 0))
}

@keyframes movex-mb {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(50%)
    }
}

.operational-data-container {
    padding: 130px 0;
    background: #fff
}

.operational-data-container .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.operational-data-container .content .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px
}

.operational-data-container .content .description {
    line-height: 33px;
    letter-spacing: .2px;
    font-size: 21px;
    font-weight: 400;
    color: #616577;
    margin-bottom: 80px
}

.operational-data-container .content .data-list {
    display: flex;
    flex-direction: row
}

.operational-data-container .content .data-list .data-item {
    margin: 0 40px
}

.operational-data-container .content .data-list .data-item .data-title {
    width: 155px;
    font-size: 32px;
    font-weight: 400;
    color: #3963ef;
    text-align: right;
    margin-bottom: 10px
}

.operational-data-container .content .data-list .data-item .data-detail {
    font-size: 17px;
    font-weight: 400;
    color: #9da3b9;
    text-align: right;
    margin-bottom: 0
}

.operational-data-container-mb {
    background: #fff;
    padding: 2rem .533rem
}

.operational-data-container-mb .content {
    display: flex;
    flex-direction: column
}

.operational-data-container-mb .content .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.operational-data-container-mb .content .description {
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: 1.333rem
}

.operational-data-container-mb .content .data-list {
    display: flex;
    flex-wrap: wrap
}

.operational-data-container-mb .content .data-list .data-item {
    width: 4.467rem;
    margin-bottom: 1.28rem
}

.operational-data-container-mb .content .data-list .data-item .data-title {
    width: 100%;
    font-size: .533rem;
    font-weight: 600;
    color: #242c45;
    text-align: left;
    margin-bottom: .213rem
}

.operational-data-container-mb .content .data-list .data-item .data-detail {
    font-size: .373rem;
    font-weight: 400;
    color: #606d83;
    text-align: left;
    margin-bottom: 0;
    width: 100%
}

.operational-data-container-mb .content .data-list .data-item:nth-of-type(5) {
    margin-bottom: 0
}

.protocols-tech-container {
    background-color: #f7f8f9;
    padding: 130px 0
}

.protocols-tech-container .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.protocols-tech-container .content .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    width: -moz-max-content;
    width: max-content
}

.protocols-tech-container .content .description {
    line-height: 33px;
    letter-spacing: .2px;
    font-size: 21px;
    font-weight: 400;
    color: #616577;
    margin-bottom: 80px
}

.protocols-tech-container .content .protocols-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
    box-shadow: 0 2px 3px rgba(2, 14, 62, .1);
    border-radius: 4px;
    width: 1080px;
    background-color: #fff
}

.protocols-tech-container .content .protocols-content .protocols-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px solid #e5e9ed;
    padding: 19px 48px 0 48px
}

.protocols-tech-container .content .protocols-content .protocols-list p {
    background-color: #fff;
    margin-right: 48px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 87px;
    font-size: 21px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: .2px;
    margin-bottom: 0;
    color: #242c45
}

.protocols-tech-container .content .protocols-content .protocols-list .selected-protocol {
    background: #fff;
    color: #3963ef;
    border-bottom: 4px solid #3963ef
}

.protocols-tech-container .content .protocols-content .description-list {
    min-height: 318px;
    display: flex;
    flex-direction: row
}

.protocols-tech-container .content .protocols-content .description-list .protocols-detail-list {
    width: 670px;
    padding: 48px 10px 48px 48px
}

.protocols-tech-container .content .protocols-content .description-list .protocols-detail-list .protocols-detail {
    border-radius: 4px;
    width: 618px;
    font-size: 17px;
    font-weight: 400;
    color: #616577;
    text-align: left;
    margin-bottom: 0;
    line-height: 26px;
    letter-spacing: .2px;
    margin-right: 48px
}

.protocols-tech-container .content .protocols-content .description-list .protocols-detail-list .protocols-detail:not(:first-child) {
    margin-top: 20px
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list {
    position: relative
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon {
    position: absolute;
    background-color: #f8f9fa;
    border-radius: 50%;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 50%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:nth-of-type(3) {
    left: 39px;
    top: -30px;
    height: 80px;
    width: 80px;
    background-size: 60% 60%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:nth-of-type(2) {
    left: 256px;
    top: -35px;
    height: 79px;
    width: 79px;
    background-size: 63% 63%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:first-of-type {
    left: 124px;
    top: 45px;
    height: 105px;
    width: 105px;
    background-size: 67% 67%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:nth-of-type(4) {
    left: 267px;
    top: 95px;
    height: 79px;
    width: 79px;
    background-size: 60% 60%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:nth-of-type(5) {
    left: 20px;
    top: 155px;
    height: 95px;
    width: 95px;
    background-size: 70% 70%
}

.protocols-tech-container .content .protocols-content .description-list .client-icon-list .client-icon:nth-of-type(6) {
    left: 205px;
    top: 181px;
    height: 73px;
    width: 73px;
    background-size: 60% 60%
}

.protocols-tech-container .content .protocols-content .description-list .icons-out {
    overflow: hidden;
    width: calc(100% - 670px);
    position: relative
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner {
    position: absolute;
    width: 362px;
    height: 318px;
    display: block;
    left: -100%;
    top: 0;
    bottom: 0;
    right: -100%;
    margin: auto
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner .tech-icon {
    position: absolute;
    transition: transform .45s ease;
    border-radius: 50%;
    background-color: #f8f9fa;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner .tech-icon .icon {
    display: inline-block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner .tech-icon .course {
    z-index: 1;
    cursor: pointer;
    color: #3963ef;
    font-size: 12px;
    padding-top: 6px
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner .tech-icon .course:hover {
    text-decoration: underline
}

.protocols-tech-container .content .protocols-content .description-list .icons-out .icons-inner .iconactive {
    box-shadow: 0 0 3px 3px rgba(39, 48, 98, .161);
    background-color: #f8f9fa
}

.protocols-tech-container .content .use-btn {
    height: 52px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 48px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    transition: transform .36s ease-out 0s
}

.protocols-tech-container-mb {
    background-color: #f7f8f9;
    padding: 2rem .533rem
}

.protocols-tech-container-mb .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.protocols-tech-container-mb .content .title {
    padding: 0 .533rem;
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.protocols-tech-container-mb .content .description {
    padding: 0 .533rem;
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: 1.333rem
}

.protocols-tech-container-mb .content .protocols-content {
    margin-bottom: 1.333rem;
    width: 100%;
    padding: .64rem .533rem 0 .533rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 .027rem .04rem rgba(2, 14, 62, .1);
    border-radius: .053rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .scroll-container {
    width: 8.933rem;
    padding: 0 .533rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .scroll-container .protocols-list {
    flex-direction: row;
    display: flex;
    border-bottom: .013rem solid #e5e9ed;
    overflow: scroll
}

.protocols-tech-container-mb .content .protocols-content .content-bg .scroll-container .protocols-list p {
    background-color: #fff;
    margin-right: .853rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.947rem;
    font-size: .533rem;
    font-weight: 500;
    line-height: .747rem;
    margin-bottom: 0;
    color: #242c45;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.protocols-tech-container-mb .content .protocols-content .content-bg .scroll-container .protocols-list .selected-protocol {
    background: #fff;
    color: #3963ef;
    border-bottom: .053rem solid #3963ef
}

.protocols-tech-container-mb .content .protocols-content .content-bg .scroll-container .protocols-list::-webkit-scrollbar {
    width: 0;
    height: 0
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list {
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: .627rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .protocols-detail-list {
    width: 100%;
    margin-bottom: .933rem;
    padding: 0 .533rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .protocols-detail-list .protocols-detail {
    width: 100%;
    font-size: .427rem;
    font-weight: 400;
    color: #616577;
    text-align: left;
    margin-bottom: 0;
    line-height: .667rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .protocols-detail-list .protocols-detail:not(:first-child) {
    margin-top: .48rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list {
    position: relative;
    height: 6.84rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon {
    position: absolute;
    background-color: #f8f9fa;
    border-radius: 50%;
    padding: .24rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:nth-of-type(3) {
    left: 0;
    top: 0;
    height: 1.453rem;
    width: 1.453rem;
    background-size: 60% 60%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:nth-of-type(2) {
    left: 5.693rem;
    top: -.067rem;
    height: 1.907rem;
    width: 1.907rem;
    background-size: 63% 63%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:first-of-type {
    left: 2.72rem;
    top: 1.707rem;
    height: 2.493rem;
    width: 2.493rem;
    background-size: 60% 60%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:nth-of-type(4) {
    left: 6.227rem;
    top: 2.627rem;
    height: 1.907rem;
    width: 1.907rem;
    background-size: 60% 60%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:nth-of-type(5) {
    left: 0;
    top: 4.333rem;
    height: 2.293rem;
    width: 2.293rem;
    background-size: 70% 70%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .client-icon-list .client-icon:nth-of-type(6) {
    left: 4.68rem;
    top: 4.827rem;
    height: 1.76rem;
    width: 1.76rem;
    background-size: 60% 60%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out {
    position: relative;
    height: 7.867rem;
    overflow-x: clip;
    overflow-y: visible
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner .tech-icon {
    position: absolute;
    transition: transform .45s ease;
    border-radius: 50%;
    background-color: #f8f9fa;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner .tech-icon .icon {
    display: inline-block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner .tech-icon .course {
    z-index: 1;
    cursor: pointer;
    color: #3963ef;
    font-size: .32rem;
    padding-top: .16rem
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner .tech-icon .course:hover {
    text-decoration: underline
}

.protocols-tech-container-mb .content .protocols-content .content-bg .description-list .icons-out .icons-inner .iconactive {
    box-shadow: 0 0 3px 3px rgba(39, 48, 98, .161);
    background-color: #f8f9fa
}

.protocols-tech-container-mb .content .use-btn {
    height: 1.173rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1.173rem;
    font-size: .427rem;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4);
    margin-bottom: 0;
    transition: transform .36s ease-out 0s
}

.server-guarantee-container {
    background: #fff;
    padding: 130px 0
}

.server-guarantee-container .content {
    display: flex;
    flex-direction: row
}

.server-guarantee-container .content .server-item {
    background-color: #fff;
    padding: 48px 32px 48px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 528px;
    height: 321px;
    border: 1px solid #e5e9ed;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(2, 14, 62, .1)
}

.server-guarantee-container .content .server-item:first-of-type {
    margin-right: 24px
}

.server-guarantee-container .content .server-item .thirty-day-safe {
    background: url(../img/thirty-day-safe.0b96dd36.svg) no-repeat 50%;
    background-size: contain;
    width: 165px;
    display: inline-block;
    height: 160px;
    margin-right: 32px
}

.server-guarantee-container .content .server-item .server-guarantee {
    background: url(../img/server-guarantee.e7d39948.svg) no-repeat 50%;
    background-size: contain;
    width: 233px;
    display: inline-block;
    height: 160px;
    margin-right: 32px
}

.server-guarantee-container .content .server-item .description-list {
    display: flex;
    flex-direction: column
}

.server-guarantee-container .content .server-item .description-list .title {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 26px;
    letter-spacing: .2px;
    text-align: left
}

.server-guarantee-container .content .server-item .description-list .detail-box {
    height: 152px
}

.server-guarantee-container .content .server-item .description-list .detail-box .detail {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    margin-bottom: 16px;
    color: #616577;
    text-align: left
}

.server-guarantee-container .content .server-item .description-list .use-tip {
    text-align: left;
    margin-top: 16px;
    font-size: 17px;
    font-weight: 600;
    color: #3963ef
}

.server-guarantee-container .content .server-item .description-list .use-tip .arrow-right {
    font-size: 11px;
    margin-left: 12px;
    color: #000
}

.server-guarantee-container .content .server-item:hover {
    box-shadow: 0 12px 18px rgba(2, 14, 62, .1)
}

.server-guarantee-container-mb {
    background: #fff;
    padding: 1.987rem .533rem 1.013rem .533rem
}

.server-guarantee-container-mb .content {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.server-guarantee-container-mb .content .server-item {
    margin-bottom: .987rem;
    background-color: #fff;
    padding: .933rem .64rem .933rem 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid #e5e9ed;
    border-radius: .107rem;
    box-shadow: 0 .16rem .24rem rgba(2, 14, 62, .1)
}

.server-guarantee-container-mb .content .server-item .thirty-day-safe {
    background: url(../img/thirty-day-safe.0b96dd36.svg) no-repeat 50%;
    background-size: contain;
    width: 6.7rem;
    height: 4.373rem;
    display: inline-block;
    margin-right: .64rem
}

.server-guarantee-container-mb .content .server-item .server-guarantee {
    background: url(../img/server-guarantee.e7d39948.svg) no-repeat 50%;
    background-size: contain;
    display: inline-block;
    width: 8.8rem;
    height: 4.373rem;
    margin-right: .64rem
}

.server-guarantee-container-mb .content .server-item .description-list {
    display: flex;
    flex-direction: column
}

.server-guarantee-container-mb .content .server-item .description-list .title {
    font-size: .533rem;
    font-weight: 600;
    margin-bottom: .427rem;
    line-height: .747rem;
    text-align: left
}

.server-guarantee-container-mb .content .server-item .description-list .detail {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    margin-bottom: .427rem;
    color: #616577;
    text-align: left
}

.server-guarantee-container-mb .content .server-item .description-list .use-tip {
    text-align: left;
    margin-top: .213rem;
    font-size: .427rem;
    font-weight: 600;
    color: #3963ef
}

.server-guarantee-container-mb .content .server-item .description-list .use-tip .arrow-right {
    font-size: .32rem;
    color: #000;
    margin-left: .32rem
}

.server-guarantee-container-mb .content .server-item:hover {
    box-shadow: 0 .16rem .24rem rgba(2, 14, 62, .1)
}

.view-cr-container {
    width: 348px;
    min-height: 413px;
    display: flex;
    flex-direction: column;
    padding: 40px 46px 40px 46px;
    border-radius: 8px;
    box-shadow: 0 2px 3px rgba(65, 85, 142, .16);
    background-color: #fff
}

.view-cr-container .review-header {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px
}

.view-cr-container .review-header .icon {
    background: #dde0e5 no-repeat 50%;
    border-radius: 50%;
    background-size: contain;
    width: 60px;
    display: inline-block;
    height: 60px;
    margin-right: 25px
}

.view-cr-container .review-header i.icon-april {
    background: url(../img/reviewer-icon-april.6f9aa76b.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-hana {
    background: url(../img/reviewer-icon-hana.dd952893.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-leo-zhao {
    background: url(../img/reviewer-icon-leo-zhao.f624ce9c.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-mr-ppgd {
    background: url(../img/reviewer-icon-mr-ppgd.dd2746ce.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-wits {
    background: url(../img/reviewer-icon-wits.04366d50.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-mr-yuan {
    background: url(../img/reviewer-icon-mr-yuan.494f977d.svg) 50% no-repeat
}

.view-cr-container .review-header i.icon-mr-shi {
    background: url(../img/reviewer-icon-mr-shi.b7359e00.svg) 50% no-repeat
}

.view-cr-container .review-header .info {
    display: flex;
    flex-direction: column
}

.view-cr-container .review-header .info .name {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 2px;
    text-align: left
}

.view-cr-container .review-header .info .title {
    font-size: 17px;
    font-weight: 400;
    color: #9da3b9;
    margin-bottom: 0;
    text-align: left
}

.view-cr-container .rv-description {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    margin-bottom: 24px;
    text-align: left
}

.view-cr-container .review-class {
    background: url(../img/review-class.c7992138.svg) 50% no-repeat;
    background-size: contain;
    width: 86px;
    display: inline-block;
    height: 14px
}

.view-cr-container-mb {
    width: 100%;
    min-height: 9.693rem;
    display: flex;
    flex-direction: column;
    padding: .8rem;
    border-radius: .107rem;
    box-shadow: 0 .16rem .24rem rgba(65, 85, 142, .16);
    background-color: #fff
}

.view-cr-container-mb .review-header {
    display: flex;
    flex-direction: row;
    margin-bottom: .533rem
}

.view-cr-container-mb .review-header .icon {
    border-radius: 50%;
    background: #fff no-repeat 50%;
    background-size: contain;
    display: inline-block;
    width: 1.56rem;
    height: 1.56rem;
    margin-right: .533rem
}

.view-cr-container-mb .review-header i.icon-april {
    background: url(../img/reviewer-icon-april.6f9aa76b.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-hana {
    background: url(../img/reviewer-icon-hana.dd952893.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-leo-zhao {
    background: url(../img/reviewer-icon-leo-zhao.f624ce9c.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-mr-ppgd {
    background: url(../img/reviewer-icon-mr-ppgd.dd2746ce.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-wits {
    background: url(../img/reviewer-icon-wits.04366d50.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-mr-yuan {
    background: url(../img/reviewer-icon-mr-yuan.494f977d.svg) 50% no-repeat
}

.view-cr-container-mb .review-header i.icon-mr-shi {
    background: url(../img/reviewer-icon-mr-shi.b7359e00.svg) 50% no-repeat
}

.view-cr-container-mb .review-header .info {
    display: flex;
    flex-direction: column
}

.view-cr-container-mb .review-header .info .name {
    font-size: .533rem;
    font-weight: 500;
    margin-bottom: .08rem;
    text-align: left
}

.view-cr-container-mb .review-header .info .title {
    font-size: .44rem;
    line-height: .987rem;
    font-weight: 400;
    color: #9da3b9;
    margin-bottom: 0;
    text-align: left;
    padding: 0
}

.view-cr-container-mb .rv-description {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    color: #616577;
    margin-bottom: .533rem;
    text-align: left
}

.view-cr-container-mb .review-class {
    background: url(../img/review-class.c7992138.svg) 50% no-repeat;
    background-size: contain;
    display: inline-block;
    width: 2.233rem;
    height: .352rem
}

.customer-review-container {
    background-color: #f7f8f9;
    padding: 130px 0 161px 0
}

.customer-review-container .content {
    display: flex;
    flex-direction: column
}

.customer-review-container .content .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left
}

.customer-review-container .content .description-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 80px
}

.customer-review-container .content .description-detail .description-content {
    width: 413px;
    font-size: 21px;
    line-height: 33px;
    letter-spacing: .2px;
    font-weight: 400;
    color: #616577;
    margin-bottom: 0;
    text-align: left
}

.customer-review-container .content .description-detail .rv-arrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    --swiper-navigation-color: hsla(0, 0%, 100%, 0.1)
}

.customer-review-container .content .description-detail .rv-arrow .left-arrow-enable {
    width: 88px;
    border-radius: 26px;
    box-shadow: 0 2px 3px rgba(65, 85, 142, .06);
    background: #fff url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    left: -200px;
    transition: background-color .2s
}

.customer-review-container .content .description-detail .rv-arrow .left-arrow-enable:hover {
    box-shadow: 0 6px 12px rgba(65, 85, 142, .06)
}

.customer-review-container .content .description-detail .rv-arrow .left-arrow-enable:active {
    background-color: #eaebf0
}

.customer-review-container .content .description-detail .rv-arrow .right-arrow-enable {
    width: 88px;
    border-radius: 26px;
    box-shadow: 0 2px 3px rgba(65, 85, 142, .06);
    left: -88px;
    background: #fff url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    transition: background-color .2s
}

.customer-review-container .content .description-detail .rv-arrow .right-arrow-enable:hover {
    box-shadow: 0 6px 12px rgba(65, 85, 142, .06)
}

.customer-review-container .content .description-detail .rv-arrow .right-arrow-enable:active {
    background-color: #eaebf0
}

.customer-review-container .content .rv-list {
    width: 1080px;
    overflow: hidden;
    padding: 0;
    align-self: center;
    display: flex;
    justify-content: center
}

.customer-review-container .content .rv-list .user-swiper .swiper-slide {
    margin-bottom: 30px
}

.customer-review-container .content .rv-list .user-swiper .item:hover {
    box-shadow: 0 12px 18px rgba(2, 14, 62, .1)
}

.customer-review-container .content .rv-list .rv-content-move-l,
.customer-review-container .content .rv-list .rv-content-move-r {
    animation: movexl 24s linear infinite normal;
    animation-fill-mode: forwards
}

.customer-review-container-mb {
    background-color: #f7f8f9;
    padding: 2rem 0
}

.customer-review-container-mb .content {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.customer-review-container-mb .content .title {
    text-align: left;
    padding: 0 .533rem;
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.customer-review-container-mb .content .description-detail {
    padding: 0 .533rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.333rem
}

.customer-review-container-mb .content .description-detail .description-content {
    width: 100%;
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .004rem;
    font-weight: 400;
    color: #616577;
    margin-bottom: 0;
    text-align: left
}

.customer-review-container-mb .content .rv-list {
    padding: 0 .533rem;
    width: 100%;
    overflow: hidden;
    align-self: center;
    display: flex;
    justify-content: center
}

.customer-review-container-mb .content .rv-list .user-swiper .swiper-slide {
    margin-bottom: .4rem
}

.customer-review-container-mb .content .rv-list .user-swiper .item:hover {
    box-shadow: 0 .16rem .24rem rgba(2, 14, 62, .1)
}

.customer-review-container-mb .content .rv-list .rv-content-move-l,
.customer-review-container-mb .content .rv-list .rv-content-move-r {
    animation: movexl 24s linear infinite normal;
    animation-fill-mode: forwards
}

@keyframes movexl {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(50%)
    }
}

@keyframes movexr {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(50%)
    }
}

.customer-review-container-mb .content .rv-arrow {
    margin: 1.333rem 0 .4rem 0;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    --swiper-navigation-color: hsla(0, 0%, 100%, 0.1)
}

.customer-review-container-mb .content .rv-arrow .left-arrow-enable {
    width: 2.4rem;
    height: 1.067rem;
    border-radius: .533rem;
    box-shadow: 0 .053rem .08rem rgba(65, 85, 142, .06);
    background: #fff url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    left: 20%;
    transition: background-color .2s
}

.customer-review-container-mb .content .rv-arrow .left-arrow-enable:hover {
    box-shadow: 0 .107rem .267rem rgba(65, 85, 142, .06)
}

.customer-review-container-mb .content .rv-arrow .left-arrow-enable:active {
    background-color: #eaebf0
}

.customer-review-container-mb .content .rv-arrow .right-arrow-enable {
    width: 2.4rem;
    height: 1.067rem;
    border-radius: .533rem;
    box-shadow: 0 .053rem .08rem rgba(65, 85, 142, .06);
    right: 20%;
    background: #fff url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    transition: background-color .2s
}

.customer-review-container-mb .content .rv-arrow .right-arrow-enable:hover {
    box-shadow: 0 .107rem .267rem rgba(65, 85, 142, .06)
}

.customer-review-container-mb .content .rv-arrow .right-arrow-enable:active {
    background-color: #eaebf0
}

.ant-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1060;
    display: block;
    max-width: 250px;
    visibility: visible
}

.ant-tooltip-hidden {
    display: none
}

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
    padding-bottom: 8px
}

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightBottom,
.ant-tooltip-placement-rightTop {
    padding-left: 8px
}

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
    padding-top: 8px
}

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftBottom,
.ant-tooltip-placement-leftTop {
    padding-right: 8px
}

.ant-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.ant-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13.07106781px;
    height: 13.07106781px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ant-tooltip-arrow:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: rgba(0, 0, 0, .75);
    content: "";
    pointer-events: auto
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: -5.07106781px
}

.ant-tooltip-placement-top .ant-tooltip-arrow:before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow:before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow:before {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateY(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    left: -5.07106781px
}

.ant-tooltip-placement-right .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow:before {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    right: -5.07106781px
}

.ant-tooltip-placement-left .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow:before {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: -5.07106781px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow:before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow:before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow:before {
    box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateY(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 13px
}

.app-download-container {
    background-color: #3963ef
}

.app-download-container .content {
    height: 573px;
    display: flex;
    flex-direction: row;
    position: relative
}

.app-download-container .content .detail-list {
    display: flex;
    flex-direction: column;
    width: 431px;
    padding: 130px 0
}

.app-download-container .content .detail-list .title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    text-align: left
}

.app-download-container .content .detail-list .description {
    line-height: 33px;
    font-size: 21px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .8);
    margin-bottom: 80px;
    text-align: left;
    letter-spacing: .2px
}

.app-download-container .content .detail-list .download-btn {
    display: flex;
    flex-direction: row
}

.app-download-container .content .detail-list .download-btn .ios-btn {
    --hero-image: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 48px;
    height: 52px;
    margin-right: 16px;
    background-color: #242c45;
    border-color: #242c45;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    transition: transform .36s ease-out 0s
}

.app-download-container .content .detail-list .download-btn .ios-btn:hover {
    box-shadow: 0 6px 14px rgba(86, 109, 186, .5);
    position: relative;
    transform: translateY(-1px)
}

.app-download-container .content .detail-list .download-btn .ios-btn:active {
    box-shadow: 0 3px 6px rgba(86, 109, 186, .5);
    background-color: #141a2b
}

.app-download-container .content .detail-list .download-btn .ios-btn span {
    display: flex;
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.app-download-container .content .detail-list .download-btn .ios-btn span:before {
    content: "";
    background: url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 21px;
    margin-right: 12.5px
}

.app-download-container .content .detail-list .download-btn .android-btn {
    background-color: #fff;
    border-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 48px;
    height: 52px;
    margin-right: 16px;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    transition: transform .36s ease-out 0s
}

.app-download-container .content .detail-list .download-btn .android-btn:hover {
    box-shadow: 0 6px 14px rgba(86, 109, 186, .5);
    position: relative;
    transform: translateY(-1px)
}

.app-download-container .content .detail-list .download-btn .android-btn:active {
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    background-color: #eaebf0
}

.app-download-container .content .detail-list .download-btn .android-btn span {
    display: flex;
    font-size: 17px;
    font-weight: 400;
    color: #242c45
}

.app-download-container .content .detail-list .download-btn .android-btn span:before {
    content: "";
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    width: 18px;
    height: 21px;
    margin-right: 12.5px
}

.app-download-container .content .app-show {
    position: relative;
    height: 700px;
    width: calc(100% - 431px);
    min-width: 569px;
    overflow: hidden;
    top: -128px
}

.app-download-container .content .app-show .app-android {
    background: url(../img/android-ios.357ed936.png) 50% no-repeat;
    background-size: auto;
    width: 525px;
    display: inline-block;
    height: 767px;
    position: relative;
    right: 95px;
    z-index: 1
}

.app-download-container .content .app-show .cable-left {
    position: absolute;
    width: 274px;
    height: 592px;
    border-radius: 25px;
    right: 300px;
    bottom: -90px;
    background-color: #fff;
    overflow: hidden
}

.app-download-container .content .app-show .cable-left .android-s20 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/S20.16c8c2c4.webp);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2
}

.app-download-container .content .app-show .cable-left .android-bar {
    position: absolute;
    width: 98%;
    height: 55px;
    background: url(../img/androi-status-bar.27d69de2.svg) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 1
}

.app-download-container .content .app-show .cable-left .guide {
    display: inline-block;
    position: absolute;
    width: 96%;
    height: 502px;
    top: 25px;
    left: 2%;
    bottom: 0;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.app-download-container .content .app-show .cable-right {
    position: absolute;
    width: 359px;
    height: 724px;
    right: 0;
    bottom: -62px;
    z-index: 3;
    box-shadow: -12px 0 32px 0 rgba(33, 37, 69, .23921568627450981);
    background: rgba(33, 37, 69, .23921568627450981);
    border-radius: 15%
}

.app-download-container .content .app-show .cable-right .phone-12 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/iPhone-12-Pro.3a9bbdf5.webp);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 5
}

.app-download-container .content .app-show .cable-right .pic-container {
    position: absolute;
    width: 92%;
    height: 100%;
    left: 4%;
    overflow: hidden;
    border-top-left-radius: 56px;
    border-top-right-radius: 56px;
    z-index: 3;
    background-color: #fff
}

.app-download-container .content .app-show .cable-right .pic-container .iphone-bar {
    position: absolute;
    width: 80%;
    height: 88px;
    background: url(../img/iphone-status-bar.21c83ca1.svg) 50% no-repeat;
    background-size: 100% 100%;
    left: 13%;
    z-index: 4
}

.app-download-container .content .app-show .cable-right .pic-container .guide {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: calc(100% - 52px);
    left: 0;
    bottom: 0;
    z-index: 3;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.app-download-container .content .cover-left {
    width: 215px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    right: 358px
}

.app-download-container .content .cover-right {
    width: 359px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    right: 0
}

.app-download-container-mb {
    background-color: #3963ef;
    padding: 2rem .533rem 0 .533rem
}

.app-download-container-mb .content {
    width: 100% !important;
    display: flex;
    flex-direction: column
}

.app-download-container-mb .content .detail-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: .8rem
}

.app-download-container-mb .content .detail-list .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem;
    color: #fff
}

.app-download-container-mb .content .detail-list .description {
    font-size: .48rem;
    line-height: .747rem;
    letter-spacing: .003rem;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .8);
    margin-bottom: 1.333rem;
    text-align: center
}

.app-download-container-mb .content .detail-list .download-btn {
    display: flex;
    flex-direction: row
}

.app-download-container-mb .content .detail-list .download-btn .ios-btn {
    width: 4.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.173rem;
    margin-right: .453rem;
    background-color: #242c45;
    border-color: #242c45;
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4)
}

.app-download-container-mb .content .detail-list .download-btn .ios-btn:hover {
    box-shadow: 0 .08rem .187rem rgba(86, 109, 186, .4)
}

.app-download-container-mb .content .detail-list .download-btn .ios-btn:active {
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4);
    background-color: #141a2b
}

.app-download-container-mb .content .detail-list .download-btn .ios-btn span {
    display: flex;
    font-size: .427rem;
    font-weight: 400;
    color: #fff
}

.app-download-container-mb .content .detail-list .download-btn .ios-btn span:before {
    background: url("");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    background-size: contain;
    display: inline-block;
    width: .415rem;
    height: .47rem;
    margin-right: .217rem;
    margin-top: .04rem
}

.app-download-container-mb .content .detail-list .download-btn .android-btn {
    width: 4.24rem;
    background-color: #fff;
    border-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.173rem;
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4)
}

.app-download-container-mb .content .detail-list .download-btn .android-btn:hover {
    box-shadow: 0 .08rem .187rem rgba(86, 109, 186, .4)
}

.app-download-container-mb .content .detail-list .download-btn .android-btn:active {
    box-shadow: 0 .04rem .08rem rgba(86, 109, 186, .4);
    background-color: #eaebf0
}

.app-download-container-mb .content .detail-list .download-btn .android-btn span {
    display: flex;
    font-size: .427rem;
    font-weight: 400;
    color: #242c45
}

.app-download-container-mb .content .detail-list .download-btn .android-btn span:before {
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    background-size: contain;
    display: inline-block;
    width: .415rem;
    height: .47rem;
    margin-right: .217rem;
    margin-top: .04rem
}

.app-download-container-mb .content .app-show {
    display: flex;
    justify-content: center;
    position: relative;
    height: 10.667rem;
    overflow: hidden
}

.app-download-container-mb .content .app-show .app-android {
    background: url(../img/android-ios.357ed936.png) 50% no-repeat;
    background-size: contain;
    width: 7rem;
    display: inline-block;
    height: 8.8rem;
    position: relative;
    z-index: 1
}

.app-download-container-mb .content .app-show .cable-left {
    position: absolute;
    width: 3.653rem;
    height: 7.907rem;
    border-radius: .333rem;
    left: 1.3rem;
    bottom: -1.2rem;
    overflow: hidden
}

.app-download-container-mb .content .app-show .cable-left .android-s20 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/S20.16c8c2c4.webp);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 2
}

.app-download-container-mb .content .app-show .cable-left .pic-container {
    overflow: hidden;
    width: 96%;
    height: 100%;
    position: absolute;
    background: #fff;
    left: 2%;
    bottom: 0
}

.app-download-container-mb .content .app-show .cable-left .pic-container .android-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: .733rem;
    background: url(../img/androi-status-bar.27d69de2.svg) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 1
}

.app-download-container-mb .content .app-show .cable-left .pic-container .guide {
    display: inline-block;
    position: absolute;
    width: 96%;
    height: 6.707rem;
    top: .333rem;
    left: 2%;
    bottom: 0;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.app-download-container-mb .content .app-show .cable-right {
    position: absolute;
    width: 4.787rem;
    height: 9.653rem;
    right: 0;
    bottom: -.827rem;
    z-index: 3;
    box-shadow: -.16rem 0 .427rem 0 rgba(33, 37, 69, .23921568627450981);
    background: rgba(33, 37, 69, .23921568627450981);
    border-radius: .747rem
}

.app-download-container-mb .content .app-show .cable-right .phone-12 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/iPhone-12-Pro.3a9bbdf5.webp);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 5
}

.app-download-container-mb .content .app-show .cable-right .pic-container {
    position: absolute;
    width: 92%;
    height: 99%;
    top: 1%;
    left: 4%;
    overflow: hidden;
    border-top-left-radius: .747rem;
    border-top-right-radius: .747rem;
    z-index: 3;
    background-color: #fff
}

.app-download-container-mb .content .app-show .cable-right .pic-container .iphone-bar {
    position: absolute;
    width: 80%;
    height: 1.173rem;
    background: url(../img/iphone-status-bar.21c83ca1.svg) 50% no-repeat;
    background-size: 100% 100%;
    left: 13%;
    z-index: 4
}

.app-download-container-mb .content .app-show .cable-right .pic-container .guide {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: calc(100% - 1rem);
    left: 0;
    bottom: 0;
    z-index: 3;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.app-download-container-mb .content .cover-left {
    width: 3.653rem;
    height: .027rem;
    background: #fff;
    position: absolute;
    bottom: -.013rem;
    left: 1.31rem
}

.app-download-container-mb .content .cover-right {
    width: 4.787rem;
    height: .027rem;
    background: #fff;
    position: absolute;
    bottom: -.013rem;
    right: 0
}

.home-qa-container {
    background: #fff
}

.home-qa-container .content {
    padding: 0 0 130px 0;
    z-index: 5
}

.home-qa-container .content .title {
    margin-top: 130px;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 80px;
    text-align: center
}

.home-qa-container .content .qa-content {
    display: flex;
    flex-direction: row
}

.home-qa-container .content .qa-content .qa-group:first-of-type {
    margin-right: 48px
}

.home-qa-container .content .qa-content .qa-item {
    border-bottom: 1px solid #e5e9ed
}

.home-qa-container .content .qa-content .qa-item:first-of-type {
    border-top: 1px solid #e5e9ed
}

.home-qa-container .content .qa-content .qa-item-container {
    width: 516px;
    display: flex;
    flex-direction: column;
    text-align: left
}

.home-qa-container .content .qa-content .qa-item-container .item-header {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.home-qa-container .content .qa-content .qa-item-container .item-header .qa-title {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: .2px;
    height: 93px;
    margin-bottom: 0
}

.home-qa-container .content .qa-content .qa-item-container .item-header .item-open-icon-close {
    animation: mymove .1s;
    animation-fill-mode: forwards
}

.home-qa-container .content .qa-content .qa-item-container .item-header .item-open-icon-open {
    animation: mymove2 .1s;
    animation-fill-mode: forwards
}

.home-qa-container .content .qa-content .qa-item-container .item-header .item-close-icon {
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 14px;
    display: inline-block;
    height: 14px
}

.home-qa-container .content .qa-content .qa-item-container .item-header:hover .qa-title {
    color: #3963ef
}

.home-qa-container .content .qa-content .qa-item-container .item-header:hover .item-close-icon {
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.home-qa-container .content .qa-content .qa-item-container .item-header .qa-item-enter-active {
    transition: transform .3s ease
}

.home-qa-container .content .qa-content .qa-item-container .item-header .qa-item-leave-active {
    transition: transform .8s cubic-bezier(1, .5, .8, 1)
}

.home-qa-container .content .qa-content .qa-item-container .item-header .qa-item-enter,
.home-qa-container .content .qa-content .qa-item-container .item-header .qa-item-leave-to {
    transform: translateX(10px);
    opacity: 0
}

.home-qa-container .content .qa-content .qa-item-container .item-header:hover {
    cursor: pointer
}

.home-qa-container .content .qa-content .qa-item-container .content-list {
    max-height: -moz-fit-content;
    max-height: fit-content;
    height: 0;
    overflow: hidden;
    transition: height .2s ease-out
}

.home-qa-container .content .qa-content .qa-item-container .content-list p {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    margin-bottom: 20px;
    color: #616577
}

.home-qa-container .content .qa-content .qa-item-container .content-list p .inside-title {
    font-weight: 600
}

.home-qa-container .content .qa-content .qa-item-container .content-list p:last-child {
    margin-bottom: 32px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-0 {
    padding-left: 27px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-0 .content-item {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    text-indent: -27px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-0 .content-item .title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    color: #242c45
}

.home-qa-container .content .qa-content .qa-item-container .content-list .check-box {
    margin: 0 13.5px 0 0;
    width: 12px;
    height: 9px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .check-circle {
    margin: 0 13.5px 0 0;
    width: 24px;
    height: 24px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-1 {
    padding-left: 27px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-1 .content-item {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    text-indent: -27px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-2 {
    padding-top: 12px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-2 .content-container .item-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    color: #242c45;
    display: flex;
    align-items: center
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-2 .content-container .item-content {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    padding-left: 37.5px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-3 {
    padding-top: 12px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-3 .content-container .item-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    color: #242c45;
    display: flex;
    align-items: center
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-3 .content-container .item-content {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    padding-left: 37.5px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-4 {
    margin: 12px 0 32px 0;
    background: url(../img/qa-devices-icon.59c53a97.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    display: inline-block;
    width: 224px;
    height: 32px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-5 {
    margin: 12px 0 32px 0;
    background: url(../img/qa-payment-icons.d2d653dc.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    display: inline-block;
    width: 315.5px;
    height: 130px
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-6 .form-title .item-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    color: #242c45
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-6 .content-item {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    color: #616577;
    display: flex;
    align-items: center
}

.home-qa-container .content .qa-content .qa-item-container .content-list .content-6 .content-item .title {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    color: #242c45
}

.home-qa-container .content .qa-content .qa-item-container .content-list-open {
    height: -moz-fit-content;
    height: fit-content;
    transition: height .2s ease-in
}

.home-qa-container-mb .content {
    width: 100% !important;
    padding: 2rem .533rem;
    background: #fff;
    z-index: 5
}

.home-qa-container-mb .content .title {
    font-size: .747rem;
    font-weight: 600;
    margin-bottom: 1.333rem;
    line-height: .973rem
}

.home-qa-container-mb .content .qa-content {
    display: flex;
    flex-direction: column
}

.home-qa-container-mb .content .qa-content .qa-group:nth-of-type(2) .qa-item-container:first-of-type {
    border-top: none
}

.home-qa-container-mb .content .qa-content .qa-item {
    border-bottom: 1px solid #e5e9ed
}

.home-qa-container-mb .content .qa-content .qa-item:first-of-type {
    border-top: 1px solid #e5e9ed
}

.home-qa-container-mb .content .qa-content .qa-item-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .64rem 0
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .qa-title {
    max-width: 7.88rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: .533rem;
    font-weight: 600;
    line-height: .747rem;
    margin-bottom: 0
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .item-open-icon-close {
    animation: mymove .2s;
    animation-fill-mode: forwards
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .item-open-icon-open {
    animation: mymove2 .2s;
    animation-fill-mode: forwards
}

@keyframes mymove {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(45deg)
    }
}

@keyframes mymove2 {
    0% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .item-close-icon {
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    width: .373rem;
    height: .373rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header:hover .qa-title {
    color: #3963ef
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header:hover .item-close-icon {
    background: url("");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .qa-item-enter-active {
    transition: transform .3s ease
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .qa-item-leave-active {
    transition: transform .8s cubic-bezier(1, .5, .8, 1)
}

.home-qa-container-mb .content .qa-content .qa-item-container .item-header .qa-item-enter,
.home-qa-container-mb .content .qa-content .qa-item-container .item-header .qa-item-leave-to {
    transform: translateX(10px);
    opacity: 0
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list {
    max-height: -moz-fit-content;
    max-height: fit-content;
    height: 0;
    overflow: hidden;
    transition: height .2s ease-out
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list p {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    margin-bottom: .48rem;
    color: #616577
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list p .inside-title {
    font-weight: 600
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list p:last-child {
    margin-bottom: .64rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-0 {
    padding-left: .587rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-0 .content-item {
    font-size: .427rem;
    font-weight: 400;
    line-height: .693rem;
    color: #616577;
    text-indent: -.587rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-0 .content-item .title {
    font-size: .427rem;
    font-weight: 500;
    line-height: .693rem;
    color: #242c45
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .check-box {
    margin: 0 .32rem 0 0;
    width: .32rem;
    height: .24rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .check-circle {
    margin: 0 .32rem 0 0;
    width: .533rem;
    height: .533rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-1 {
    padding-left: .587rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-1 .content-item {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    color: #616577;
    text-indent: -.587rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-2 {
    padding-top: .16rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-2 .content-container .item-title {
    font-size: .427rem;
    font-weight: 500;
    line-height: .693rem;
    color: #242c45;
    display: flex;
    align-items: center
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-2 .content-container .item-content {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    color: #616577;
    padding-left: .865rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-3 {
    padding-top: .16rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-3 .content-container .item-title {
    font-size: .427rem;
    font-weight: 500;
    line-height: .693rem;
    color: #242c45;
    display: flex;
    align-items: center
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-3 .content-container .item-content {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    color: #616577;
    padding-left: .865rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-4 {
    margin: .613rem 0 .64rem 0;
    background: url(../img/qa-devices-icon.59c53a97.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 6.92rem;
    height: .96rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-5 {
    margin: .12rem 0 .64rem 0;
    background: url(../img/qa-payment-icons.d2d653dc.svg) no-repeat 50%;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 8.42rem;
    height: 3.36rem
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-6 .form-title .item-title {
    font-size: .427rem;
    font-weight: 500;
    line-height: .693rem;
    color: #242c45
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-6 .content-item {
    font-size: .427rem;
    font-weight: 400;
    line-height: .747rem;
    color: #616577;
    display: flex;
    align-items: center
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list .content-6 .content-item .title {
    font-size: .427rem;
    font-weight: 500;
    line-height: .693rem;
    color: #242c45;
    margin: 0
}

.home-qa-container-mb .content .qa-content .qa-item-container .content-list-open {
    height: -moz-fit-content;
    height: fit-content;
    transition: height .2s ease-in
}

.public-footer-container {
    background: #fff;
    border-top: 1px solid #e5e9ed
}

.public-footer-container .content {
    padding: 130px 0 114px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.public-footer-container .content .footer-item {
    display: flex;
    flex-direction: column
}

.public-footer-container .content .footer-item p {
    text-align: left
}

.public-footer-container .content .footer-item .title {
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 32px;
    letter-spacing: .2px
}

.public-footer-container .content .footer-item .description {
    font-size: 15px;
    letter-spacing: .2px;
    font-weight: 400;
    line-height: 23px;
    color: #616577;
    margin-bottom: 16px
}

.public-footer-container .content .footer-item .copy-right {
    font-size: 14px;
    color: #9aa8b7;
    margin-top: 29px
}

.public-footer-container .content .footer-item .link {
    text-align: left;
    cursor: pointer
}

.public-footer-container .content .footer-item .link:hover {
    color: #242c45
}

.public-footer-container .content .footer-item .call-center {
    display: flex;
    align-items: center
}

.public-footer-container .content .footer-item .call-center .icon-phone {
    background: url(../img/footer-call-center.5ede014f.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    width: 16px;
    display: inline-block;
    height: 16px;
    margin-right: 8px
}

.public-footer-container .content .footer-item .email {
    display: flex;
    align-items: center
}

.public-footer-container .content .footer-item .email .icon-email {
    background: url(../img/footer-email.6885cf71.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    width: 16px;
    display: inline-block;
    height: 16px;
    margin-right: 8px
}

.public-footer-container .content .js-introduce {
    width: 462px
}

.public-footer-container .content .website-map {
    margin-right: 145px
}

.public-footer-container .content .footer-right {
    display: flex;
    flex-direction: row
}

.public-footer-container-mb {
    background: #fff
}

.public-footer-container-mb .content {
    padding: 2rem .533rem 1rem .533rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.public-footer-container-mb .content .footer-item {
    display: flex;
    flex-direction: column
}

.public-footer-container-mb .content .footer-item p {
    text-align: left
}

.public-footer-container-mb .content .footer-item .title {
    font-size: .48rem;
    line-height: .693rem;
    font-weight: 600;
    margin-bottom: .373rem
}

.public-footer-container-mb .content .footer-item .description {
    font-size: .373rem;
    font-weight: 400;
    line-height: .587rem;
    color: #616577;
    margin-bottom: .373rem
}

.public-footer-container-mb .content .footer-item .link {
    text-align: left;
    cursor: pointer
}

.public-footer-container-mb .content .footer-item .link:hover {
    color: #242c45
}

.public-footer-container-mb .content .footer-item .call-center {
    display: flex;
    align-items: center
}

.public-footer-container-mb .content .footer-item .call-center .icon-phone {
    background: url(../img/footer-call-center.5ede014f.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin-right: .107rem;
    background-size: contain
}

.public-footer-container-mb .content .footer-item .email {
    display: flex;
    align-items: center
}

.public-footer-container-mb .content .footer-item .email .icon-email {
    background: url(../img/footer-email.6885cf71.svg) no-repeat 50%;
    background-size: auto;
    content: "";
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin-right: .107rem;
    background-size: contain
}

.public-footer-container-mb .content .js-introduce {
    width: 100%;
    margin-bottom: 1.067rem
}

.public-footer-container-mb .content .contact-us,
.public-footer-container-mb .content .website-map {
    width: 4.293rem
}

.public-footer-container-mb .content .footer-right {
    display: flex;
    flex-direction: row
}

.public-footer-container-mb .content .copy-right-container-mb {
    border-top: .013rem solid #e5e9ed;
    margin-top: 1.307rem
}

.public-footer-container-mb .content .copy-right-container-mb .copy-right-mb {
    margin-top: 1rem;
    font-size: .273rem;
    color: #7f7f7f
}

.seven-days-container {
    background-color: #f7f8f9
}

.seven-days-container .content {
    padding: 130px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.seven-days-container .content .title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 52px
}

.seven-days-container .content .description {
    font-size: 21px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: .2px;
    color: #616577;
    margin-bottom: 80px
}

.seven-days-container .content .use-btn {
    height: 52px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 48px;
    font-size: 19px;
    letter-spacing: 1px;
    font-weight: 400;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 3px 6px rgba(86, 109, 186, .4);
    transition: transform .36s ease-out 0s
}

.seven-days-container-mb {
    background-color: #f7f8f9
}

.seven-days-container-mb .content {
    width: 100% !important;
    padding: 2rem .533rem
}

.seven-days-container-mb .content .title {
    font-size: .747rem;
    line-height: .973rem;
    font-weight: 600;
    margin-bottom: .48rem
}

.seven-days-container-mb .content .description {
    font-size: .48rem;
    font-weight: 400;
    line-height: .747rem;
    letter-spacing: .003rem;
    color: #616577;
    margin-bottom: 1.333rem
}

.seven-days-container-mb .content .use-btn {
    height: 1.173rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 1.173rem;
    font-size: .427rem;
    letter-spacing: .013rem;
    font-weight: 400;
    background-color: #3963ef;
    border-color: #3963ef;
    box-shadow: 0 .08rem .16rem rgba(86, 109, 186, .4);
    transition: transform .36s ease-out 0s
}

.ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 16px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice:first-child {
    margin-top: -8px
}

.ant-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: all
}

.ant-message-success .anticon {
    color: #52c41a
}

.ant-message-error .anticon {
    color: #f5222d
}

.ant-message-warning .anticon {
    color: #faad14
}

.ant-message-info .anticon,
.ant-message-loading .anticon {
    color: #1890ff
}

.ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.ant-message-notice.move-up-leave.move-up-leave-active {
    overflow: hidden;
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }

    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.ant-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    background: #e8e8e8
}

.ant-divider,
.ant-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    width: 1px;
    height: .9em;
    margin: 0 8px;
    vertical-align: middle
}

.ant-divider-horizontal {
    display: block;
    clear: both;
    width: 100%;
    min-width: 100%;
    height: 1px;
    margin: 24px 0
}

.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
    display: table;
    margin: 16px 0;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    background: transparent
}

.ant-divider-horizontal.ant-divider-with-text-center:after,
.ant-divider-horizontal.ant-divider-with-text-center:before,
.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-left:before,
.ant-divider-horizontal.ant-divider-with-text-right:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
    position: relative;
    top: 50%;
    display: table-cell;
    width: 50%;
    border-top: 1px solid #e8e8e8;
    transform: translateY(50%);
    content: ""
}

.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
    display: inline-block;
    padding: 0 10px
}

.ant-divider-horizontal.ant-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.ant-divider-inner-text {
    display: inline-block;
    padding: 0 24px
}

.ant-divider-dashed {
    background: none;
    border-color: #e8e8e8;
    border-style: dashed;
    border-width: 1px 0 0
}

.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
    border-top: 0
}

.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed:before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed:before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed:before {
    border-style: dashed none none
}

.ant-divider-vertical.ant-divider-dashed {
    border-width: 0 0 0 1px
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s
}

.ant-input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1
}

.ant-input:-ms-input-placeholder {
    color: #bfbfbf
}

.ant-input::-webkit-input-placeholder {
    color: #bfbfbf
}

.ant-input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ant-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input:focus,
.ant-input:hover {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2)
}

.ant-input-disabled {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-disabled:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

.ant-input[disabled] {
    color: rgba(0, 0, 0, .25);
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 1
}

.ant-input[disabled]:hover {
    border-color: #d9d9d9;
    border-right-width: 1px !important
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.ant-input-lg {
    height: 40px;
    padding: 6px 11px;
    font-size: 16px
}

.ant-input-sm {
    height: 24px;
    padding: 1px 7px
}

.ant-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ant-input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ant-input-group>[class*=col-] {
    padding-right: 8px
}

.ant-input-group>[class*=col-]:last-child {
    padding-right: 0
}

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group>.ant-input {
    display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-group-addon,
.ant-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-group-wrap>* {
    display: block !important
}

.ant-input-group .ant-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ant-input-group .ant-input:focus,
.ant-input-group .ant-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: rgba(0, 0, 0, .65);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all .3s
}

.ant-input-group-addon .ant-select {
    margin: -5px -11px
}

.ant-input-group-addon .ant-select .ant-select-selection {
    margin: -1px;
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ant-input-group-addon .ant-select-focused .ant-select-selection,
.ant-input-group-addon .ant-select-open .ant-select-selection {
    color: #1890ff
}

.ant-input-group-addon>i:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ant-input-group-addon:first-child,
.ant-input-group-addon:first-child .ant-select .ant-select-selection,
.ant-input-group>.ant-input:first-child,
.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group-addon:first-child {
    border-right: 0
}

.ant-input-group-addon:last-child {
    border-left: 0
}

.ant-input-group-addon:last-child,
.ant-input-group-addon:last-child .ant-select .ant-select-selection,
.ant-input-group>.ant-input:last-child,
.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group-lg .ant-input,
.ant-input-group-lg>.ant-input-group-addon {
    height: 40px;
    padding: 6px 11px;
    font-size: 16px
}

.ant-input-group-sm .ant-input,
.ant-input-group-sm>.ant-input-group-addon {
    height: 24px;
    padding: 1px 7px
}

.ant-input-group-lg .ant-select-selection--single {
    height: 40px
}

.ant-input-group-sm .ant-select-selection--single {
    height: 24px
}

.ant-input-group .ant-input-affix-wrapper {
    display: table-cell;
    float: left;
    width: 100%
}

.ant-input-group.ant-input-group-compact {
    display: block;
    zoom: 1
}

.ant-input-group.ant-input-group-compact:after,
.ant-input-group.ant-input-group-compact:before {
    display: table;
    content: ""
}

.ant-input-group.ant-input-group-compact:after {
    clear: both
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>* {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact>:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact .ant-input {
    float: none
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input {
    border-right-width: 1px;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact>.ant-select-focused,
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:focus,
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection:hover,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input:hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input,
.ant-input-group.ant-input-group-compact>:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input,
.ant-input-group.ant-input-group-compact>:last-child {
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
    vertical-align: top
}

.ant-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.ant-input-affix-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: start
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: #40a9ff;
    border-right-width: 1px !important
}

.ant-input-affix-wrapper .ant-input {
    position: relative;
    text-align: inherit
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .65);
    line-height: 0;
    transform: translateY(-50%)
}

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
    line-height: 1.5
}

.ant-input-affix-wrapper .ant-input-disabled~.ant-input-suffix .anticon {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-input-affix-wrapper .ant-input-prefix {
    left: 12px
}

.ant-input-affix-wrapper .ant-input-suffix {
    right: 12px
}

.ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 30px
}

.ant-input-affix-wrapper .ant-input:not(:last-child) {
    padding-right: 30px
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
    padding-right: 49px
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
    padding-right: 22px
}

.ant-input-password-icon {
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    transition: all .3s
}

.ant-input-password-icon:hover {
    color: #333
}

.ant-input-clear-icon {
    color: rgba(0, 0, 0, .25);
    font-size: 12px;
    cursor: pointer;
    transition: color .3s;
    vertical-align: 0
}

.ant-input-clear-icon:hover {
    color: rgba(0, 0, 0, .45)
}

.ant-input-clear-icon:active {
    color: rgba(0, 0, 0, .65)
}

.ant-input-clear-icon+i {
    margin-left: 6px
}

.ant-input-textarea-clear-icon {
    color: rgba(0, 0, 0, .25);
    font-size: 12px;
    cursor: pointer;
    transition: color .3s;
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px 8px 0 0
}

.ant-input-textarea-clear-icon:hover {
    color: rgba(0, 0, 0, .45)
}

.ant-input-textarea-clear-icon:active {
    color: rgba(0, 0, 0, .65)
}

.ant-input-textarea-clear-icon+i {
    margin-left: 6px
}

.ant-input-search-icon {
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    transition: all .3s
}

.ant-input-search-icon:hover {
    color: rgba(0, 0, 0, .8)
}

.ant-input-search-enter-button input {
    border-right: 0
}

.ant-input-search-enter-button+.ant-input-group-addon,
.ant-input-search-enter-button input+.ant-input-group-addon {
    padding: 0;
    border: 0
}

.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dialog-container .dialog-bg {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(31, 34, 46, .7);
    z-index: 1
}

.dialog-container .dialog-box {
    background-color: #fff;
    border-radius: 4px;
    width: 580px;
    padding: 40px 36px 40px 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    z-index: 1
}

.dialog-container .dialog-box .dialog-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dialog-container .dialog-box .dialog-header .title {
    font-size: 28px;
    color: #242c45;
    line-height: 39px
}

.dialog-container .dialog-box .dialog-header .ic-close {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer
}

.dialog-container .dialog-box .sub-title {
    margin-top: 12px;
    font-size: 14px;
    color: #616577
}

.dialog-container .cus-table {
    margin-top: 40px;
    width: 100%
}

.dialog-container .cus-table .cus-thead {
    color: #616577
}

.dialog-container .cus-table .cus-tbody {
    color: #242c45
}

.dialog-container .cus-table .cus-row {
    display: flex;
    padding-top: 25px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e5e9ed
}

.dialog-container .cus-table .cus-row .column-left {
    flex: 1;
    font-weight: 400
}

.dialog-container .cus-table .cus-row .text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dialog-container .cus-table .cus-row .column-middle {
    flex: 1;
    display: flex;
    justify-content: center;
    font-weight: 400
}

.dialog-container .cus-table .cus-row .column-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font-weight: 400
}

.dialog-container .cus-table .no-data {
    display: flex;
    flex-direction: column;
    margin-top: 180px;
    margin-bottom: 140px
}

.dialog-container .cus-table .no-data .ic-empty {
    height: 64px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.dialog-container .cus-table .no-data .empty-desc {
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.dialog-container .banner-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1080px;
    background: #3170f5;
    border-radius: 8px;
    padding: 60px 74px 60px 57px;
    text-align: center
}

.dialog-container .banner-popup .banner-title {
    display: inline-block;
    line-height: 56px;
    font-size: 40px;
    font-weight: 500;
    color: #fff
}

.dialog-container .banner-popup .ic-close {
    background: url(../img/ic-close-filled.4a10d049.svg) 50% no-repeat;
    width: 32px;
    height: 32px;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 24px
}

.dialog-container .banner-popup .banner-container {
    display: flex;
    padding-top: 60px
}

.dialog-container .banner-popup .banner-container .banner-left {
    width: 440px;
    height: 214px;
    background: url(../img/banner-bg.eaa7daa1.svg) 50% no-repeat;
    background-size: contain;
    text-align: left
}

.dialog-container .banner-popup .banner-container .banner-left .product-info {
    height: 70%;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 22px;
    display: flex;
    justify-content: space-between
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc {
    display: flex;
    flex-direction: column
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc .product-name {
    color: #242c45;
    font-size: 24px;
    font-weight: 500
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc .discount {
    font-size: 36px;
    font-weight: 600;
    color: #3f5dea;
    display: inline-block;
    padding-right: 15px;
    height: 50px
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc .discount:before {
    content: "$";
    font-size: 16px;
    font-weight: 500;
    padding-right: 8px
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc .price {
    font-weight: 500;
    font-size: 14px;
    color: #616577;
    text-decoration: line-through;
    display: inline-block;
    height: 22px;
    line-height: 22px
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .product-desc .price:before {
    content: "$";
    font-size: 16px;
    font-weight: 500
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .discount-icon {
    width: 194px;
    height: 52px;
    border-radius: 16px 8px 8px 16px;
    line-height: 52px;
    padding-left: 24px;
    position: relative
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .discount-icon .discount-text {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .discount-icon .icon-free {
    position: absolute;
    right: -18px;
    bottom: -12px;
    width: 96px;
    height: 102px;
    background-size: contain;
    background-image: url(../img/ic-gift.c31e30f5.png);
    background-repeat: no-repeat
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .discount-icon .icon-five-fold {
    position: absolute;
    right: -18px;
    bottom: -16px;
    width: 118px;
    height: 140px;
    background-size: contain;
    background-image: url(../img/ic-discount.b6dd389d.png);
    background-repeat: no-repeat
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .free-bg {
    background: linear-gradient(252.43deg, #fa788f 25.67%, #f5426d 123.14%)
}

.dialog-container .banner-popup .banner-container .banner-left .product-info .five-fold-bg {
    background: linear-gradient(270.06deg, #ffb37f .3%, #ff9338 99.9%)
}

.dialog-container .banner-popup .banner-container .banner-left .product-tips {
    display: inline-block;
    padding-top: 22px;
    padding-left: 32px;
    font-size: 16px;
    color: #616577;
    line-height: 22px
}

.dialog-container .banner-popup .banner-container .banner-right {
    flex: 1;
    padding-left: 68px
}

.dialog-container .banner-popup .banner-container .banner-right .countdown {
    display: flex;
    align-items: center
}

.dialog-container .banner-popup .banner-container .banner-right .countdown .time-box {
    display: inline-block;
    width: 48px;
    height: 50px;
    background: rgba(0, 0, 0, .14901960784313725);
    border-radius: 4px;
    line-height: 50px;
    font-size: 22px;
    color: #fff
}

.dialog-container .banner-popup .banner-container .banner-right .countdown .divide {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    padding: 0 8px
}

.dialog-container .banner-popup .banner-container .banner-right .countdown .time-tips {
    font-size: 18px;
    color: #fff;
    padding-left: 16px
}

.dialog-container .banner-popup .banner-container .banner-right .user-email {
    margin: 30px 0;
    position: relative
}

.dialog-container .banner-popup .banner-container .banner-right .user-email .error-tips {
    position: absolute;
    left: 0;
    bottom: -25px;
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px
}

.dialog-container .banner-popup .banner-container .banner-right .receiving {
    display: inline-flex;
    align-items: center
}

.dialog-container .banner-popup .banner-container .banner-right .receiving .loading {
    display: inline-block;
    position: unset;
    width: 20px;
    height: 20px;
    background: url() 50% no-repeat;
    background-size: contain;
    animation: auto-rotate 1s linear infinite
}

.dialog-container .banner-popup .banner-container .banner-right .receiving .desc {
    margin-right: 8px
}

.dialog-container .banner-popup .success-tips {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dialog-container .banner-popup .success-tips .check-circle {
    color: #fff;
    font-size: 56px
}

.dialog-container .banner-popup .success-tips :nth-child(2) {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    margin-top: 32px
}

.dialog-container .banner-popup .success-tips :nth-child(3) {
    font-size: 16px;
    color: #fff;
    margin-top: 60px
}

.dialog-container .banner-popup .success-tips :nth-child(4) {
    width: 440px;
    height: 52px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 60px
}

.dialog-container .banner-popup .ant-btn {
    width: 440px;
    height: 52px;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(86, 109, 186, .30196078431372547);
    background: #000;
    border-radius: 4px;
    border-color: #000
}

.dialog-container .banner-popup .ant-input {
    height: 52px;
    padding: 15px 11px;
    font-size: 16px;
    color: #242c45
}

.dialog-container .banner-popup .ant-input::-moz-placeholder {
    font-size: 16px;
    color: #bdc1d0
}

.dialog-container .banner-popup .ant-input::placeholder {
    font-size: 16px;
    color: #bdc1d0
}

.dialog-container .banner-popup .ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 53px
}

.dialog-container .banner-popup .ant-input-affix-wrapper .ant-input-prefix {
    left: 20px;
    color: #9da3b9
}

.dialog-container .banner-popup input:-ms-input-placeholder,
.dialog-container .banner-popup input::-moz-placeholder,
.dialog-container .banner-popup input::-webkit-input-placeholder {
    color: #bdc1d0
}

.dialog-container .success-padding {
    padding-top: 98px
}

.dialog-container-mobile .dialog-bg {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(31, 34, 46, .7);
    z-index: 1
}

.dialog-container-mobile .dialog-box {
    position: fixed;
    top: 1.173rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    border-top-right-radius: .427rem;
    border-top-left-radius: .427rem
}

.dialog-container-mobile .dialog-box .dialog-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 .533rem
}

.dialog-container-mobile .dialog-box .dialog-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: .8533rem
}

.dialog-container-mobile .dialog-box .dialog-header .dialog-title {
    font-size: .5867rem;
    line-height: .8267rem;
    display: inline-block;
    padding-top: 1rem
}

.dialog-container-mobile .dialog-box .dialog-header .ic-close {
    width: .4267rem;
    height: .4267rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer;
    margin-top: .533rem
}

.dialog-container-mobile .dialog-box .dialog-sub-title {
    display: inline-block;
    margin-bottom: .8533rem;
    margin-top: .267rem;
    font-size: .373rem;
    color: #616577
}

.dialog-container-mobile .dialog-box .cus-table {
    width: 100%;
    padding: .8rem .533rem 0 .533rem
}

.dialog-container-mobile .dialog-box .cus-table .cus-row {
    display: flex;
    align-items: center;
    padding-top: .2667rem;
    padding-bottom: .2667rem;
    border-bottom: .0133rem solid #e5e9ed
}

.dialog-container-mobile .dialog-box .cus-table .cus-row .column-left {
    flex: 1
}

.dialog-container-mobile .dialog-box .cus-table .cus-row .column-right {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.dialog-container-mobile .dialog-box .cus-table .cus-row .font-small {
    font-size: .32rem;
    line-height: .4533rem;
    color: #616577
}

.dialog-container-mobile .dialog-box .cus-table .cus-row .font-large {
    font-size: .3733rem;
    line-height: .52rem;
    color: #242c45
}

.dialog-container-mobile .dialog-box .cus-table .cus-row .column-vlayout {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.dialog-container-mobile .dialog-box .cus-table .no-data {
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem
}

.dialog-container-mobile .dialog-box .cus-table .no-data .ic-empty {
    height: .8533rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.dialog-container-mobile .dialog-box .cus-table .no-data .empty-desc {
    margin-top: .1067rem;
    text-align: center;
    font-size: .32rem;
    line-height: .4533rem;
    color: #616577
}

.dialog-container-mobile .banner-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8.267rem;
    background: #3170f5;
    border-radius: .213rem;
    padding: .8rem .533rem;
    text-align: center
}

.dialog-container-mobile .banner-popup .ic-close {
    background: url(../img/ic-close-filled.4a10d049.svg) 50% no-repeat;
    width: .64rem;
    height: .64rem;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: .32rem;
    right: .32rem
}

.dialog-container-mobile .banner-popup .banner-container {
    display: flex;
    flex-direction: column
}

.dialog-container-mobile .banner-popup .banner-container .banner-title {
    display: inline-block;
    line-height: .92rem;
    font-size: .693rem;
    font-weight: 500;
    color: #fff
}

.dialog-container-mobile .banner-popup .banner-container .countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .533rem
}

.dialog-container-mobile .banner-popup .banner-container .countdown .time-box {
    display: inline-block;
    width: .747rem;
    height: .8rem;
    background: rgba(0, 0, 0, .14901960784313725);
    border-radius: .107rem;
    line-height: .8rem;
    font-size: .347rem;
    color: #fff;
    font-weight: 500
}

.dialog-container-mobile .banner-popup .banner-container .countdown .divide {
    font-size: .347rem;
    font-weight: 500;
    color: #fff;
    padding: 0 .107rem
}

.dialog-container-mobile .banner-popup .banner-container .countdown .time-tips {
    font-size: .32rem;
    color: #fff;
    padding-left: .267rem
}

.dialog-container-mobile .banner-popup .banner-container .product-container {
    width: 7.2rem;
    height: 3.52rem;
    background: url(../img/banner-bg.eaa7daa1.svg) 50% no-repeat;
    background-size: contain;
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-top: .96rem
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info {
    height: 70%;
    padding-top: .427rem;
    padding-left: .427rem;
    padding-right: .293rem;
    position: relative;
    display: flex;
    justify-content: space-between
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc {
    display: flex;
    flex-direction: column
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .product-name {
    color: #242c45;
    font-size: .427rem;
    font-weight: 500
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .price-info {
    display: flex;
    align-items: baseline;
    padding-top: .16rem
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .price-info .discount {
    font-size: .48rem;
    font-weight: 600;
    color: #3f5dea;
    display: inline-block;
    padding-right: .213rem
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .price-info .discount:before {
    content: "$";
    font-size: .267rem;
    font-weight: 500;
    padding-right: .107rem
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .price-info .price {
    font-weight: 500;
    font-size: .267rem;
    color: #616577;
    text-decoration: line-through;
    display: inline-block
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .product-desc .price-info .price:before {
    content: "$ ";
    font-size: .267rem;
    font-weight: 500
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .discount-icon {
    width: 3.2rem;
    height: .853rem;
    border-radius: .267rem .107rem .107rem .267rem;
    line-height: .853rem;
    padding-left: .427rem;
    position: relative;
    display: flex;
    align-items: center
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .discount-icon .discount-text {
    color: #fff;
    font-size: .373rem;
    font-weight: 500
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .discount-icon .icon-free {
    position: absolute;
    right: -.24rem;
    bottom: -.213rem;
    width: 1.6rem;
    height: 1.693rem;
    background-size: contain;
    background-image: url(../img/ic-gift.c31e30f5.png);
    background-repeat: no-repeat
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .discount-icon .icon-five-fold {
    position: absolute;
    right: -.24rem;
    bottom: -.213rem;
    width: 1.573rem;
    height: 1.867rem;
    background-size: contain;
    background-image: url(../img/ic-discount.b6dd389d.png);
    background-repeat: no-repeat
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .free-bg {
    background: linear-gradient(252.43deg, #fa788f 25.67%, #f5426d 123.14%)
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-info .five-fold-bg {
    background: linear-gradient(270.06deg, #ffb37f .3%, #ff9338 99.9%)
}

.dialog-container-mobile .banner-popup .banner-container .product-container .product-tips {
    display: inline-block;
    padding-top: .32rem;
    padding-left: .427rem;
    font-size: .32rem;
    color: #616577;
    line-height: .453rem
}

.dialog-container-mobile .banner-popup .banner-container .user-email {
    margin-top: .96rem;
    margin-bottom: .64rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.dialog-container-mobile .banner-popup .banner-container .user-email .error-tips {
    position: absolute;
    left: 0;
    bottom: -.533rem;
    color: hsla(0, 0%, 100%, .5);
    font-size: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dialog-container-mobile .banner-popup .banner-container .receiving {
    display: inline-flex;
    align-items: center
}

.dialog-container-mobile .banner-popup .banner-container .receiving .loading {
    display: inline-block;
    position: unset;
    width: .32rem;
    height: .32rem;
    background: url() 50% no-repeat;
    background-size: contain;
    animation: auto-rotate 1s linear infinite
}

.dialog-container-mobile .banner-popup .banner-container .receiving .desc {
    margin-right: .12rem
}

@keyframes auto-rotate {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.dialog-container-mobile .banner-popup .success-tips {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dialog-container-mobile .banner-popup .success-tips .check-circle {
    color: #fff;
    font-size: 1.067rem
}

.dialog-container-mobile .banner-popup .success-tips .success-text {
    font-size: .64rem;
    font-weight: 500;
    color: #fff;
    margin-top: .707rem
}

.dialog-container-mobile .banner-popup .success-tips .success-text:nth-of-type(2) {
    margin-top: 0
}

.dialog-container-mobile .banner-popup .success-tips :nth-child(4) {
    width: 7.2rem;
    height: 1.067rem;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: .96rem
}

.dialog-container-mobile .banner-popup .ant-btn {
    width: 100%;
    height: 1.067rem;
    font-size: .373rem;
    box-shadow: 0 .04rem .08rem 0 rgba(86, 109, 186, .30196078431372547);
    color: #fff;
    background: #000;
    border-color: #000;
    border-radius: .107rem
}

.dialog-container-mobile .banner-popup .ant-input {
    height: 1.067rem;
    line-height: 1.067rem;
    padding: .267rem 0 .267rem 1.147rem;
    color: #242c45
}

.dialog-container-mobile .banner-popup .ant-input::-moz-placeholder {
    font-size: .373rem;
    color: #bdc1d0;
    height: .52rem;
    top: .267rem;
    position: absolute
}

.dialog-container-mobile .banner-popup .ant-input::placeholder {
    font-size: .373rem;
    color: #bdc1d0;
    height: .52rem;
    top: .267rem;
    position: absolute
}

.dialog-container-mobile .banner-popup .ant-input-prefix {
    color: #9da3b9;
    left: .427rem
}

.dialog-container-mobile .banner-popup .ant-input-prefix .anticon-mail {
    font-size: .373rem !important
}

@font-face {
    font-family: icomoon;
    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBh8AAAC8AAAAYGNtYXDSVeoFAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZmSRdXYAAAGQAAAH0GhlYWQiMV0jAAAJYAAAADZoaGVhCTEFOgAACZgAAAAkaG10eB9vAQMAAAm8AAAAKGxvY2EICAVUAAAJ5AAAABZtYXhwABQBAAAACfwAAAAgbmFtZZlKCfsAAAocAAABhnBvc3QAAwAAAAALpAAAACAAAwPrAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpCgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAgADDpAukF6Qr//f//AAAAAAAgADDpAOkF6Qr//f//AAH/4//UFwUXAxb/AAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAOf/4A8UDhwBlAAABLgEnLgEjIgYHAQcOAQcOARceAR8BFjI3PgE3NjQnLgEvATczCQEOAQcVFBYXHgEzMjY3PgE3PgE3PgEnNT4BNwEDIiYvASYiBw4BBw4BFx4BHwEeATM+ATc+ATc+AT8BEzY0JxUDxQILCAoUCwoVCfzzCAQIAgICAQIMC9oGDQYGCwMDAgEIBsgjAwKL/pIcIAMFBQUNBwQHAwMGAwIEAQIBAQMYEwF8ZgMBA9oGDQcGCgQCAQICCAXbCRYLCBAHBwsEBAUBBG0CAgNdChAGBQUFBf5kBwULBwYNBw0YCXADAQIIBgYNBgYLA2YVAVn+TCBNKrQHDQUFBQEBAQQDAgYDBAcDsB42FgHJ/WQBAm0DAQIIBgYNBgYLA20FBgEDAwQKBwYPBxICzgkUCgEAAAAAAwA5//kDxwOHAEgAkQDAAAABMCYnMCYjIgYjDgEjBw4BIyImJy4BNTQ2PwEyNjU2NDU8ASc0Ji8BLgEjIgYPAQ4BFRQWFx4BMzI2PwEyNjU2NDU8ASc0Ji8BAS4BJy4BIyIGBw4BDwEOARUUBhUUFhUUFjMXHgEzMjY/AT4BMzIWFx4BFRQGDwEOARUUFh8BHgEzFjIzOgE3MjY1Nz4BNTQmJwUuASMiBgcBMAYHFAYVFBYVHgEVFzIWFzIWMzI2Mz4BMQEwNjc8ATU8ATUuATUnAkcCAQIBAQIBAQEBiRg/IiE/GBgaGhiJAQEBAQEBLwEEAQIEAYkkJyckJF4yM14kiQEBAQEBAS8BNREqFxgxGRkyFxcqEokBAQEBAQEvAQQBAgQBiRg/IiI+GBgaGhiJAQICAS8BAQEBAgEBAQEBAoojJyck/vgBBAICAwH+9AEBAQEBAS8BAQEBAgEBAQEBAgEMAQEBAS8BCQEBAQEBAYkYGhoYGD4iIj4YigIBAQEBAQIBAQEBLwECAgGJJF4zM14jJCcnJIkCAQEBAQECAQEBAS8CMxIcCgkKCgkKHBKJAQEBAQIBAQEBAQIvAgEBAokYGhoYGD8hIj8YiQEEAgIDAS8BAQEBAQGJJF4zMl4k1wEBAQH+9AIBAQEBAQIBAQEBLwEBAQEBAQEMAgEBAQEBAgEBAQEvAAAJAFUAFQOrA2sAHAA5AFYAcwCOAKoAxwDiAP0AAAEjDgEHDgEdARQWFx4BOwEyNjc+AT0BNCYnLgEjExQGBw4BKwEiJicuAT0BNDY3PgE7ATIWFx4BHQEDIyIGBw4BHQEUFhceATsBMjY3PgE9ATQmJy4BIxMUBgcOASsBIiYnLgE9ATQ2Nz4BOwEyFhceAR0BBQ4BBw4BFREUFhceATMyNjc+ATURNCYnLgEjAyMiBgcOAR0BFBYXHgE7ATI2Nz4BPQE0JicuARMUBgcOASsBIiYnLgE9ATQ2Nz4BOwEyFhceAR0BBSIGBw4BFREUFhceATMyNjc+ATURNCYnLgEjFyIGBw4BHQEUFhceATMyNjc+AT0BNCYnLgEjAXK+EyIODQ8PDQ4iE74TIg4NDw8NDiITHwQFBAwGvgYMBAUEBAUEDAa+BgwEBQQfvhMiDg0PDw0OIhO+EyIODQ8PDQ4iEx8EBQQMBr4GDAQFBAQFBAwGvgYMBAUEAeoGDAQFBAQFBAwGBwsFBAUFBAULBy++EyIODQ8PDQ4iE74TIg4NDw8NDiIMBAUEDAa+BgwEBQQEBQQMBr4GDAQFBP70BwsFBAUFBAULBwYMBAUEBAUEDAaOBgwEBQUFBQQMBgYMBAUFBQUEDAYBkQEODQ4iE74TIg4NDw8NDiITvhMiDg0P/uMGDAQFBAQFBAwGvgYMBAQFBQQEDAa+AvcPDQ4iE74TIg4NDw8NDiITvhMiDg0P/uMGDAQFBAQFBAwGvgYMBAUEBAUEDAa+vQEEBQQMBv7EBgwEBQUFBQQMBgE8BgwEBQQB2w8NDiITvhMiDg0PDw0OIhO+EyIODQ/+4wYMBAUEBAUEDAa+BgwEBQQEBQQMBr7tBQQFCwf+9AYMBAUFBQUEDAYBDAcLBQQFXwUEBAwGrgYMBQQFBQQFDAauBgwEBAUAAAABAAD/wAVvA8AACAAAJQEhNSEBNwkBAt0BAfwiA+j+9ZICAP4AUgEBzwEMkv4A/gAAAAAAAQA8/98D7AO3AGQAAAE+ATc+ATMyFhceAR8BHgEXHgEfAR4BFx4BFx4BBw4BDwEOAQcOAR8BFgYHDgEHDgEjBiYvAS4BIyIGDwEOASMuAScuAScuAT8BNiYnLgEvAS4BJyY2Nz4BNz4BPwE+ATc+AT8BAdUEDQgJEwoKEwkIDQRWAwsHBxAJ1AoRBwgKAwMCAgIJB6UGCAICAQEpAgMEBAwICBMKChMIrQgTCQoSCK0IEwoKEwgIDQQEAgIpAQECAgkFpQcJAgICAwMLBwcRCtQIEQcHCwNWA40KDwYFBgYFBg8KzAgOBQYHAR0CBwYGEAkJEgoJEAeuBQ4IBxAI8QkUCQkPBgUGAQYFagUFBQVqBgUBBgUGDwkJFAnxBxAICA0GrgcQCQoSCQkPBgYIAR4BBwUGDgjMAAAAAAEAAAAAAADZzjCzXw889QALBAAAAAAA3tIMUwAAAADe0gxTAAD/wAVvA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABW8AAAAABW8AAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAAAAQAADkEAAA5BAAAVQVvAAAEAAA8AAAAAAAKABQAHgAoAMgBzgMwA0oD6AAAAAEAAAAKAP4ACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(../img/icomoon.93ef13fa.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-freetrial:before {
    content: "\e900"
}

.icon-link:before {
    content: "\e901"
}

.icon-qrcode:before {
    content: "\e902"
}

.icon-star:before {
    content: "\e90a"
}

.icon-arrow-right:before {
    content: "\e905"
}

@keyframes testkey {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

.home-container {
    font-family: Open Sans, sans-serif;
    color: #242c45;
    text-align: center
}

.home-container .home-item {
    width: 100%;
    display: flex;
    justify-content: center
}

.home-container .home-item .content {
    width: 1080px;
    position: relative
}

.home-container .home-item .content-hide {
    display: none
}

.home-container .home-item .content-show {
    opacity: 1
}

.home-container .use-btn:active,
.home-container .use-btn:hover {
    box-shadow: 0 6px 14px rgba(86, 109, 186, .4)
}

.home-container .use-btn:active {
    background-color: #3257d2;
    border-color: #3257d2
}

.home-container .blue-link:hover {
    text-decoration: underline
}

.home-container .blue-link:active {
    color: #3257d2 !important;
    text-decoration: underline
}

.home-container p {
    margin-bottom: 0
}

.home-container .back-to-top {
    z-index: 1000;
    position: fixed;
    bottom: 80px;
    right: 80px;
    cursor: pointer;
    padding: 19px 16px;
    background: url("") no-repeat 50%;
    background-size: auto;
    width: 48px;
    display: inline-block;
    height: 48px;
    border: 1px solid #e5e9ed;
    box-shadow: 0 2px 3px rgba(2, 14, 62, .1);
    border-radius: 4px
}

.home-container .back-to-top:hover {
    background: url("") 50% no-repeat;
    background-size: auto;
    box-shadow: 0 5px 8px rgba(2, 14, 62, .1)
}

.home-container .back-to-top-mb {
    position: fixed;
    bottom: 2.633rem;
    right: .533rem;
    cursor: pointer;
    z-index: 10;
    padding: .253rem .213rem;
    background: url("") no-repeat 50%;
    background-size: auto;
    width: 1.2rem;
    display: inline-block;
    height: 1.2rem;
    border: .027rem solid #e5e9ed;
    box-shadow: 0 .053rem .08rem rgba(2, 14, 62, .1);
    border-radius: .093rem
}

.home-container .back-to-top-mb:hover {
    background: url("") 50% no-repeat;
    background-size: auto;
    box-shadow: 0 .133rem .213rem rgba(2, 14, 62, .1)
}

.home-container .back-to-top-mb-hidden {
    display: none
}

.home-container-pc {
    width: 100%;
    background: #f6f8fa;
    min-height: 100%;
    height: -moz-fit-content;
    height: fit-content;
    overflow: auto;
    text-align: justify
}

.home-container-pc::-webkit-scrollbar {
    width: 0
}

.lazy-bg {
    background-image: none !important
}